用纯Javascript中的JSON（api）填充数据表

JSON示例：

    {
        "userId": 1,
        "id": 1,
        "title": "delectus aut autem",
        "completed": false
    },
    {
        "userId": 1,
        "id": 2,
        "title": "quis ut nam facilis et officia qui",
        "completed": false
    }
[...]
link : https://jsonplaceholder.typicode.com/todos

我需要使用javascript（不使用jQuery）和不打印html（如在脚本中打印）自动创建填充数据表。JSON由带有get请求的API发送。我认为我们需要一个前提并通过dom。对不起，我是JS的初学者

我试过的（不是同一个例子）

---

下面是一个使用JS将表添加到html的示例

fetch（'https://jsonplaceholder.typicode.com/todos')
.然后（功能（响应）{
返回response.json（）；
})
.then（功能（数据）{
const dataTable=document.getElementById（“myTable”）；
data.forEach（函数（数据）{
const row=dataTable.insertRow（1）；
const title=row.insertCell（0）；
const completed=row.insertCell（1）；
title.innerHTML=data.title；
completed.innerHTML=data.completed；
});
});

标题
完整的
一种更普遍的方法是：


fetch（'https://jsonplaceholder.typicode.com/todos')
。然后（r=>r.json（））。然后（D=>
document.getElementById（“myTable”）.innerHTML=
“+对象.键（D[0]）。联接（”“+”\n”
+D.map（D=>“”+对象.值（D）.join（“”+“”）。join（“\n”）+”
);
是的，我是法国人（x）请提供一些您尝试过的示例，这样可能更容易帮助您。我添加了一些代码
const selectUsers = document.querySelector('select#users');
fetch('https://jsonplaceholder.typicode.com/users')
  .then(function(response) {
     return response.json();
  })
  .then(function(users) {
     users.forEach(function(user) {
        const option = document.createElement('option');
        option.value = user.name;
        selectUsers.add(option);
     });
  });