Как использовать fetch для отправки переменной в запрос GET? - PullRequest
Новая
       29

Как использовать fetch для отправки переменной в запрос GET?

0 голосов
/ 21 мая 2019

У меня проблема с использованием fetch для отправки идентификатора, который затем отправляется на запрос get в бэкэнде, который выполняет функцию.

Цель этой функции - удалить элемент из файла JSON, который вводится в поле ввода в интерфейсе пользователя.

Однако, когда я это делаю, появляется сообщение об ошибкемаршрут для функции не найден:
GET http://localhost:3000/delete 404 (не найден)

Это код для /delete маршрута: 

app.get('/delete/:id', function (req, res) {

    var id = req.params.id;

    for (var i = 0; i < tasksArray.length; i++) {
        if(tasksArray[i].id == id) {
            tasksArray.splice(i, 1);
        }
    }
    res.json(tasksArray);
    var json = JSON.stringify(tasksArray);
    fs.writeFileSync("toDoList.json", json);

});

Это код для внешнего интерфейса с fetch: 

function deleteElement() {

      var id = document.getElementById("deleteId").value;


      var url = "http://localhost:3000/delete";

        fetch(url, {
            method: 'GET',
            url: `/delete/${id}`,
            headers: {
                'Content-Type': 'application/json'
            }
        });
}

Любая помощь приветствуется.

1 Ответ

1 голос
/ 21 мая 2019

Вы не использовали идентификатор в URL. 

function deleteElement() {
  var id = document.getElementById("deleteId").value;
  var url = "http://localhost:3000/delete/" + id;
  fetch(url, {
    // removed url as it's defined in fetch's first arguments.
    method: 'GET',
    headers: {
      'Content-Type': 'application/json'
    }
  });


}
...