javascript - AJAX POST 请求中的 HTTP 错误 400

Question

我正在尝试制作一个非常简单的程序，将一个变量发送到服务器，然后写出来。

根据 Opera，它在 Display() 结束时收到 HTTP 400(错误请求)。

.jade 文件

button(type='button', onclick='Display()') Display data

#modify
    p Lorem ipsum Display

script
    include main.js

ma​​in.js

function Display(){

    var xhttp = new XMLHttpRequest();
    var parameter = { "Name": "Katamori" };

    xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
            document.getElementById("modify").innerHTML = xhttp.responseText;
        }
    };

    xhttp.open("POST", "displayer.js", true);
    xhttp.setRequestHeader("Content-type", "application/json");

    xhttp.send(parameter);

};

displayer.js

function (req, res) {
    if (req.method == 'POST') {
        var jsonString = '';

        req.on('data', function (data) {
           jsonString += data;
        });

        req.on('end', function () {
            console.log(JSON.parse(jsonString));
        });

        req.on('error', function () {
            console.log("ERROR!");
        });
    }
}

我试图将 parameter 从 JSON 更改为简单文本(也使用 RequestHeader)，在这种情况下，我收到了 HTTP 404 错误。

这是什么原因，正确的解决方法是什么？

Answer 1

您没有发送 JSON，将您的数据序列化为 JSON 并发送

xhttp.send(JSON.stringify(parameter));