如何将JSON数据带到Javascript表中？

fetch('data.json')
  .then(response => response.json())
  .then(data => {
    // 在这里处理JSON数据
  })
  .catch(error => console.error(error));

const jsonData = '{"name": "John", "age": 30, "city": "New York"}';
const data = JSON.parse(jsonData);

const table = document.createElement('table');

// 创建表头
const thead = document.createElement('thead');
const headerRow = document.createElement('tr');
for (const key in data) {
  const th = document.createElement('th');
  th.textContent = key;
  headerRow.appendChild(th);
}
thead.appendChild(headerRow);
table.appendChild(thead);

// 创建表格内容
const tbody = document.createElement('tbody');
const dataRow = document.createElement('tr');
for (const key in data) {
  const td = document.createElement('td');
  td.textContent = data[key];
  dataRow.appendChild(td);
}
tbody.appendChild(dataRow);
table.appendChild(tbody);

// 将表格添加到页面中的某个元素
document.getElementById('tableContainer').appendChild(table);