javascript - 为什么 AJAX POST 请求失败？

Question

我有一个简单的带有表单的 html 页面。当我执行 POST 请求时，接收失败，但服务器没有响应。我做错了什么？

function createRequest(url, body) {
    var response;
    console.log(JSON.stringify(body)); // (1)
    $.ajax({
        url: "creation/" + url,
        type: "POST",
        async: false,
        contentType: 'application/json',
        data: JSON.stringify(body),
        success: function (data) {
            if (data.status == true) {
                response = data.response;
            } else {
                BootstrapDialog.show({
                    title: 'Error',
                    message: data.errorMessage
                });
            }
        }
    });
    return response;
}

正文 (1)

{"name":"Test UI","bid":"2","budget":"20"}

当我通过 POSTMAN 执行此请求时，一切正常。

jQuery

Chroome 版本 57.0.2987.98(64 位)中出现错误，但在 Edge 中一切正常

Answer 1

由于您分享的信息不多；这里有一些技巧，您可以根据我认为问题所在的假设来调试问题。

1. 在代码中首先使用 console.log(data) 来调试代码，以确保您是否访问了正确的字段。
2. data.status 通常是状态代码 1xx,2xx, 3xx, 4xx 和 200 表示请求成功。我检查响应是否成功，如 data.status == 200，但您使用 data.status == true 您应该记录 data > 确保您正确使用它，否则您将始终收到记录的错误。
3. JSON.stringify(body) 会将正文转换为字符串，并且 ajax 调用的 data 字段采用带有参数的对象传递其请求。 JSON.stringify(body) 真的是您想要做的吗，还是只是 body？

好吧，如果您决定添加更多信息，我一定会用更多的怀疑来更新答案。