使用纯Javascript从API使用JSON数据创建表

fetch('API_URL')
  .then(response => response.json())
  .then(data => {
    // 在这里处理API返回的JSON数据
  })
  .catch(error => {
    // 处理请求错误
  });

fetch('API_URL')
  .then(response => response.json())
  .then(data => {
    const jsonData = JSON.parse(data);
    // 在这里处理解析后的JSON数据
  })
  .catch(error => {
    // 处理请求错误
  });

fetch('API_URL')
  .then(response => response.json())
  .then(data => {
    const jsonData = JSON.parse(data);
    const table = document.createElement('table');

    // 创建表头
    const thead = document.createElement('thead');
    const headerRow = document.createElement('tr');
    Object.keys(jsonData[0]).forEach(key => {
      const th = document.createElement('th');
      th.textContent = key;
      headerRow.appendChild(th);
    });
    thead.appendChild(headerRow);
    table.appendChild(thead);

    // 创建表格内容
    const tbody = document.createElement('tbody');
    jsonData.forEach(item => {
      const row = document.createElement('tr');
      Object.values(item).forEach(value => {
        const td = document.createElement('td');
        td.textContent = value;
        row.appendChild(td);
      });
      tbody.appendChild(row);
    });
    table.appendChild(tbody);

    // 将表格添加到页面中的某个元素
    document.getElementById('table-container').appendChild(table);
  })
  .catch(error => {
    // 处理请求错误
  });