Почему запрос PUT XMLHttpRequest не работает? - PullRequest
0 голосов
/ 28 февраля 2020

У меня есть простой NODEJS API с базовыми c CRUD действиями в моем контроллере.

Однако все методы запроса, но PUT , похоже, работает. У меня просто проблема с методом PUT.

Это API сторона код:

app.put('/api/prodotti/:Id', function (req, res) {
connection.query("UPDATE Prodotti SET Descrizione=?, Prezzo=?, Categoria=? WHERE Id=?", [req.body.Descrizione, req.body.Prezzo, req.body.Categoria, req.params.Id], function (error, result) {
    if (error)
        res.send("Errore query: " + error.message);
    if (result.changedRows == 0)
        res.send("Non modificato!");

    console.log("Id modificato: " + req.params.Id);
    res.json(req.params.Id);
});
});

Пока это моя HTML страница (клиентская) сторона:

<form>
        <label>Id</label>
        <br />
        <input id="Mid" type="number" name="Id"/>
        <br />
        <label>Descrizione</label>
        <br />
        <input id="Mdescrizione" type="text" name="Descrizione" />
        <br />
        <label>Prezzo</label>
        <br />
        <input id="Mprezzo" type="number" name="Prezzo" />
        <br />
        <label>Categoria</label>
        <br />
        <select id="Mcategoria" name="Categoria">
            <option value="Categoria 1">Categoria 1</option>
            <option value="Categoria 2">Categoria 2</option>
            <option value="Categoria 3">Categoria 3</option>
            <option value="Categoria 4">Categoria 4</option>
            <option value="Categoria 5">Categoria 5</option>
        </select>
        <br />
        <br />
        <button type="button" onclick="UpdateProdotti();"> Modifica </button>
        <input type="reset" value="Reset campi" />
    </form>

и функция onclick :

function UpdateProdotti() {
        var id = document.getElementById("Mid").value;
        var descrizione = document.getElementById("Mdescrizione").value;
        var prezzo = document.getElementById("Mprezzo").value;
        var categoria = document.getElementById("Mcategoria").value;

        data = {};
        data.Descrizione = descrizione;
        data.Prezzo = prezzo;
        data.Categoria = categoria;

        var json = JSON.stringify(data);

        var xhr = new XMLHttpRequest();
        xhr.setRequestHeader('Content-type','application/json; charset=utf-8');

        xhr.open("PUT", "api/prodotti/" + id, true);
        xhr.onload = function () {
            if (this.readyState == 4 && this.status == 200) {
                alert("Modificato " + xhr.responseText);
            }
        }

        xhr.send(json);
    }

Я могу сделать все остальные запросы и легко получить ответ. Я знаю, что функция UpdateProdotti вызывается при нажатии кнопки, но даже если я добавлю точку останова в API, запрос не будет получен.

Спасибо за вашу помощь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...