jQuery $ .ajax完成回调未触发

Question

我有以下代码:

$("#loginSubmitButton").on("click",function(){
  var loginUserDetails = {
    email: $("#email").val(),
    password: $("#password").val()
  };

  //Send the AJAX request to authenticate the user
  $.ajax({
    type: "POST",
    url: "/somewebservice/v1/users/authenticate",
    data: JSON.stringify(loginUserDetails),
    contentType: "application/json;charset=UTF-8",
    dataType: "json",
  }).done(function() {
      $("#loginResult").text("Login successful");
    })
    .fail(function() {
      $("#loginResult").text("Login failed");
    });

});

根据jquery文档(除非我理解错误)我希望如果从我的Web服务器收到200 OK,则会触发完成.但是,在chrome控制台中我可以看到200 OK响应,但jquery似乎触发了失败处理程序.

有谁知道我在这里做错了什么？

Answer 1

您需要删除:

dataType: "json"

Answer 2

有很多建议要删除

dataType: "json"

虽然我认为这是有效的,但它可能忽略了潜在的问题.这很可能是由解析器错误(浏览器解析json响应)引起的.首先检查.always()或.fail()中的XHR参数.

假设它是一个解析器失败然后为什么？也许返回字符串不是JSON.或者在响应开始时它可能是错误的空格.考虑在小提琴手中看一下.我看起来像这样:

Connection: Keep-Alive
Content-Type: application/json; charset=utf-8

{"type":"scan","data":{"image":".\/output\/ou...

在我的情况下,这是PHP喷出不需要的字符(在这种情况下是UTF文件BOM)的问题.一旦我删除了这些,它修复了问题,同时保持

dataType: json

Answer 3

如果你的服务器为json响应返回空字符串(即使有200 OK),jQuery会将其视为失败.从v1.9开始,空字符串被认为是无效的json.

无论原因是什么,一个好看的地方是传递给回调的'data'参数:

$.ajax( .. ).always(function(data) {
    console.log(JSON.stringify(data));
});

它的内容将让你了解什么是错的.

Answer 4

需要从 dataType: "json", 中删除 ,

 dataType: "json"