小编Ilk*_*urk的帖子

我想在 HTML 中显示一些卡片元素。我想从 javascript 数组中获取卡片元素的变量。（如标题等）。卡片元素编号也将取决于 Javascript 数组大小。我查看了其他问题，例如生成动态表，但由于我有一个很长的自定义 html 代码块，它不起作用。

这是针对我正在构建的网站。我已经通过 HTTP get 请求从 api 端点获取了变量，但无法按我的意愿显示。我查看了许多类似的问题，但找不到我正在寻找的答案。

这是使用 HTTP get 请求获取变量的脚本

<script>
const request = new XMLHttpRequest();

request.open('GET', 'api/seminars', true);
request.onload = function() {
  // Begin accessing JSON data here
  const data = JSON.parse(this.response);

  if (request.status >= 200 && request.status < 400) {
    data.forEach(resultArray => {
      document.getElementById('output').innerHTML = resultArray.name;
      document.getElementById('description').innerHTML =
        resultArray.description;
      document.getElementById('date').innerHTML = resultArray.date;
    });
  } else {
    console.log('error');
  }
};

request.send();
</script>

HTML代码：

<div id="accordion">
    <div class="card">
        <div class="card-header" id="headingOne"> …