Question

我正在创建一个待办事项列表，我正在尝试制作一个JSON文件来链接待办事项上每个项目的对象。

我不确定我应该做什么，也不确定要寻求帮助的意思。

// This is an example object
{
 "id":"01",
 "desc":"Do the To-Do List"
 },

我希望能够查看我从JSON文件绘制的对象并将其显示为表格。

Answer 1

如果您想将其显示为表格（每个对象都有id和desc属性），则可以在每个对象上循环（我假设它们在对象数组中）。新行：

const data = [{"id":"01","desc":"Do the To-Do List"},{"id":"02","desc":"Number Two!"},{"id":"03","desc":"A third option"}];
const table = document.getElementById("table");
data.forEach(({ id, desc }) => table.innerHTML += `<tr><td>${id}</td><td>${desc}</td></tr>`);

<table id="table" border="1">
  <tr>
    <th>Id</th>
    <th>Desc</th>
  </tr>
</table>

从HTML文件访问JSON文件以使用对象

1 个答案: