Как передать ID в Fetch API, чтобы я мог выполнить УДАЛЕНИЕ? - PullRequest
Новая
       8

Как передать ID в Fetch API, чтобы я мог выполнить УДАЛЕНИЕ?

0 голосов
/ 12 января 2020

У меня есть REST API, который используется: 

fetch("/people")
.then(resp => resp.json())
.then(data => {
  data.forEach(item => {
    content += `<div class="card"> <p>${item.PersonName}</p> <a href="JavaScript:void(0);">Delete</a></div>`;
  });
  cardContainer.innerHTML = content;
});

Данные извлекаются из базы данных за сценой. Идентификатор каждого человека доступен в ${item.ID}, который не показан в приведенном выше примере, но доступен в ${item.ID}, если необходимо.

Я хотел бы удалить определенного человека c, нажав ссылка, однако я хотел бы использовать FetchAPI для удаления, чтобы я мог использовать метод DELETE. Я думал о добавлении прослушивателя событий в элемент <a>, но как мне передать идентификатор, чтобы FetchAPI знал, какую строку удалить? Fetch API выполняет DELETE для people/n, где n - это число.

Конечно, я могу сделать <a href="people/n">Delete person</a>, но так я вызываю обработчик people/n на сервере с помощью метода GET и не используя метод DELETE и Fetch API.

Любое предложение приветствуется. Спасибо!

1 Ответ

0 голосов
/ 12 января 2020

Вы можете установить метод запроса fetch следующим образом: 

fetch(`/people/${item.ID}`, {
    method: DELETE
});
...