Доступ к файлу JSON из файла HTML для использования объектов - PullRequest
2 голосов
/ 02 мая 2019

Я делаю список дел и пытаюсь создать файл JSON, чтобы связать объекты для каждого элемента в списке дел.

Я не совсем уверен, что я должен делать, и яЯ не уверен, что мне нужно искать с помощью.

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

Я надеюсь, что смогу просмотреть объекты, которые я рисую из файла JSON, и показать его в виде таблицы.

1 Ответ

2 голосов
/ 02 мая 2019

Если вы хотите отобразить его в виде таблицы (и у каждого объекта есть свойства 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...