这个问题通常源于没有正确解析API返回的Json数据。在JavaScript中使用fetch函数获取数据时,需要使用json()方法将结果解析为可用的Json对象。然后,您可以使用该对象来更新表格或其他页面元素。
以下是一个示例代码,展示如何更新包含API返回数据的表格:
const table = document.getElementById('myTable');
fetch('https://example.com/api/data')
.then(response => response.json())
.then(data => {
data.forEach(item => {
const row = table.insertRow();
const cell1 = row.insertCell(0);
const cell2 = row.insertCell(1);
cell1.innerHTML = item.name;
cell2.innerHTML = item.value;
});
})
.catch(error => console.error(error));
请确保替换URL和表格ID以适应您自己的应用程序。