Question

我使用API Rest。我想用AJAX and JQuery创建一个资源。我的ressource已正确创建，但会调用错误回调。

我的代码是：

$.ajax({
    url: "/api/skills.json",
    data: JSON.stringify(skill),
    method: "POST",
    contentType: "application/json",
    statusCode: {
        201: function (data) {
            console.log("201");
        }
    },
    success: function (data) {
        console.log("success");
    },
    error: function (data) {
        console.log("error");
    },
    complete: function (data) {
        console.log("complete");
    }
});

从Firefox控制台导致“网络”：

HTTP/1.1 201 Created
Date: Thu, 27 Oct 2016 08:29:08 GMT
Server: Apache
X-Powered-By: PHP/7.0.8
Cache-Control: no-cache
Location: http://localhost/api/skills/pdak12ada64d
Allow: POST
Content-Length: 0
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Content-Type: application/json

来自控制台的结果：

"201"
"error"
"complete"

为什么JQuery以201状态调用错误的回调？

我尝试使用快捷方法$.post，结果相同，我没有使用快捷方法，因为我使用自定义标题。

Answer 1

正如我在上面的评论中所提到的，似乎当jQuery.Ajax获得一个空响应并尝试将其解析为JSON时，它会抛出一个错误，然后将其解释为响应错误（而不是解析它）。

这意味着您有两个选项 - 要么以文本而不是JSON（我不建议）发送请求，要么使用statusCode处理响应，就像您在问题中所做的那样并删除{ {1}}和success回调。

参考：https://stackoverflow.com/a/14988814/12280

使用201状态代码不会调用回调成功

1 个答案: