Почему не работает запрос с методом PUT?

Question

[gleendo]

При запросе

http://localhost:3000/api/tour/1?name=newName&price=199

Выдает Cannot GET /api/tour/1

const express = require("express");
const handlebars = require("express-handlebars");

// const fortune = require("./lib/fortune");

const app = express();

const tours = [
  {
    id: 0,
    name: "Река Худ",
    price: 99.99
  },
  {
    id: 1,
    name: "Орегон Коуст",
    price: 149.95
  }
];

app.disable("x-powered-by");

app.engine("handlebars", handlebars({
  defaultLayout: "main"
}));

app.set("view engine", "handlebars");

// app.use(express.static(__dirname + "/public"));

app.put("/api/tour/:id", (req, res) => {
  let tour = tours.find(tour => tour.id === req.params.id);

  if (tour) {
    if (req.query.name) {
      tour.name = req.query.name;
    }

    if (req.query.price) {
      tour.price = req.query.price;
    }

    res.json(tour);
  } else {
    res.json({
      error: "Такого тура не существует."
    });
  }
});

// app.get("/", (req, res) => {
//   res.render("home");
// });

app.listen(3000);

Answer 1

[Abcdefgk]

Наверное, потому что это не AJAX-запрос (хотя, я не вижу клиентскую сторону и просто догадываюсь), а значит, это GET. К тому же, вы его и обрабатываете - как GET.

Comments

[gleendo]

Abcdefgk С запросом разобрался. на клиент приходит json. Только вот не могу понять почему при выводе в консоль responseText, выводится пустая строка и 2 раза объект json?

[Abcdefgk]

iamevg_: При чём здесь что приходит на клиент? Вот тут написано PUT
app.put("/api/tour/:id"
А в обработчике фигурирует
req.query.name
то есть строка GET-запроса. (хотя, такой же строкой можно и AJAX-запрос отправить, но вряд-ли вы этим заморачивались)
Напишите
app.get("/api/tour/:id"
- и, надеюсь, заработает.

PUT - это "экзотический запрос", который можно отправить только аяксом.
(ну, если, опять же, не считать некоторые способы "подделки экзотических запросов")

[gleendo]

Abcdefgk: На клиенте делается PUT запрос на следующий url

`http://localhost:3000/api/tour/${id}?name=NewName&price=123`

Зачем мне GET если необходим именно PUT.
После получения данных клиентом, производится вывод в консоль. Но выводится сначала пустая строка, а потом 2 раза объект JSON (res.json(tour);)

[Abcdefgk]

iamevg_: Да он как "делается"-то? В форме написан атрибут method="PUT", так что ли? Если так, то это не работает - браузер (форма) не умеет отправлять такие запросы, и значит, отправляет запрос по умолчанию - GET.

[gleendo]

Abcdefgk:
Обычный AJAX запрос...

xhr.open("PUT", `http://localhost:3000/api/tour/${id}?name=NewName&price=123`);

[Abcdefgk]

iamevg_: Зпрос PUT - это аналог POST, у него не req.query, а req.body

[gleendo]

Abcdefgk: Ну так почему все таки приходит 3 ответа? пустая строка и 2 объекта JSON

[Abcdefgk]

iamevg_: Это нечто совершенно не понятное. Прочтите вот тут learn.javascript.ru/xhr-forms - всё, что написано про POST-запросы - считая, что вы читаете про PUT (потому что разницы нет).

[Abcdefgk]

iamevg_: Да откуда я знаю про три ответа? Для начала, во тут должно быть написано так:
xhr.open("PUT", `/api/tour/${id}`);
и всё.

[Coder321]

Abcdefgk: с какого это перепугу у POST нету query параметров?

Answer 2

[abberati]

Потому что вы делаете запрос с методом GET.

Comments

[gleendo]

abberati Ошибка была на клиенте. Теперь другая проблема. Не могу понять почему приходит 3 ответа. пустая строка и 2 раза объект json