Question

遇到这个问题。...

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

{
  "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）。
-然后将其传递给delete方法。

但唯一的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);
  }

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

0 个答案: