javascript - 使用 json-server 删除数据库中的对象

Question

这个有问题。。。。

我的数据库中有一个数据对象。例如：

{
  "tasks": [
    {
      "todo": "one",
      "date": "one",
      "id": 1
    },
    {
      "todo": "two",
      "date": "two",
      "id": 2
    }
  ]
}

我正在使用 json-server 来管理我的宁静路由： https ://github.com/typicode/json-server

我正在遍历我的数据库对象，以便在 DOM 中显示它们，如下所示：

  function displayLastTask(lastTask) {
    individualTasks +=
      `<div class="todoStyle" id=${lastTask.id}>
        <p>Date: ${lastTask.date}: Task: ${lastTask.todo}</p>
        <button class="deleteButton" id="id">Delete</button>
      </div>`;
    tasksContainer.innerHTML = individualTasks;
    return tasksContainer;
  }

但是，当我单击删除按钮时，我只想从数据库中删除该对象数组。

到目前为止，单击时，无论我单击哪个删除按钮，所有对象都会从数据库中删除。

最好的方法是什么？

到目前为止，我是： - 遍历所有 div 以获取 div id（即对象 ID）。
- 然后将其传递给删除方法。

但它似乎没有通过，唯一的id。但是所有这些。

从数据库中删除 id 的最佳方法是什么，onclick？

document.getElementById('tasksContainer').addEventListener('click', function(e){
  e.preventDefault();
  var divs = document.querySelectorAll('div');
  for (var i = 0; i < divs.length; i++) {
    var id = divs[i].getAttribute('id');
    fetchService.deleteTodoTask(id);
  }
});

  function deleteTodoTask(lastTask) {
    const options = {
      method: 'DELETE'
    };
    return fetch(`${url}/${lastTask.id}`, options);
  }

标签： javascriptdatabaserest