小开

使用错误回调。

例如:

jQuery.ajax({'url': '/this_is_not_found', data: {}, error: function(xhr, status) {
alert(xhr.status); }
});

会通知404

小开

我认为您还应该实现 $. ajax方法的错误函数。

错误(XMLHttpRequest，textStatus, 函数

要调用的函数，如果请求函数被传递了三次参数: XMLHttpRequest 对象, 描述错误类型的字符串和一个可选的异常对象，如果发生异常。第二个可能的值参数(除了 null 之外)是“超时”, “错误”，“未修改”和 “ Parsererror”。

$.ajax({
url: "http://my-ip/test/test.php",
data: {},
complete: function(xhr, statusText){
alert(xhr.status);
},
error: function(xhr, statusText, err){
alert("Error:" + xhr.status);
}
});

小开

$.ajax({
url: "http://my-ip/test/test.php",
data: {},
error: function(xhr, statusText, errorThrown){alert(xhr.status);}
});

小开

使用 jQuery$.ajax()方法可以做到这一点

$.ajax(serverUrl, {
type: OutageViewModel.Id() == 0 ? "POST" : "PUT",
data: dataToSave,
statusCode: {
200: function (response) {
alert('1');
AfterSavedAll();
},
201: function (response) {
alert('1');
AfterSavedAll();
},
400: function (response) {
alert('1');
bootbox.alert('<span style="color:Red;">Error While Saving Outage Entry Please Check</span>', function () { });
},
404: function (response) {
alert('1');
bootbox.alert('<span style="color:Red;">Error While Saving Outage Entry Please Check</span>', function () { });
}
}, success: function () {
alert('1');
},
});

小开

第三个参数是 XMLHttpRequest 对象，因此您可以做任何您想做的事情。

$.ajax({
url  : 'http://example.com',
type : 'post',
data : 'a=b'
}).done(function(data, statusText, xhr){
var status = xhr.status;                //200
var head = xhr.getAllResponseHeaders(); //Detail header info
});

小开

我找到了一个简单的解决方案, 使用 状态码检查服务器响应代码。

例如:

$.ajax({
type : "POST",
url : "/package/callApi/createUser",
data : JSON.stringify(data),
contentType: "application/json; charset=UTF-8",
success: function (response) {
alert("Account created");
},
statusCode: {
403: function() {
// Only if your server returns a 403 status code can it come in this block. :-)
alert("Username already exist");
}
},
error: function (e) {
alert("Server error - " + e);
}
});

小开

我将 jQuery Ajax 封装为一个方法:

var http_util = function (type, url, params, success_handler, error_handler, base_url) {


if(base_url) {
url = base_url + url;
}


var success = arguments[3]?arguments[3]:function(){};
var error = arguments[4]?arguments[4]:function(){};






$.ajax({
type: type,
url: url,
dataType: 'json',
data: params,
success: function (data, textStatus, xhr) {


if(textStatus === 'success'){
success(xhr.code, data);   // there returns the status code
}
},
error: function (xhr, error_text, statusText) {


error(xhr.code, xhr);  // there returns the status code
}
})


}

用法:

http_util('get', 'http://localhost:8000/user/list/', null, function (status_code, data) {
console(status_code, data)
}, function(status_code, err){
console(status_code, err)
})

小开

我在 ajax + jQuery v3获取响应状态代码和来自 JSON API 的数据时遇到了很大的问题。Ajax 只有在状态成功的情况下才对 JSON 数据进行解码，而且它还会根据状态代码对回调参数的顺序进行交换。呃。

解决这个问题的最佳方法是调用 .always链方法并进行一些清理。这是我的密码。

$.ajax({
...
}).always(function(data, textStatus, xhr) {
var responseCode = null;
if (textStatus === "error") {
// data variable is actually xhr
responseCode = data.status;
if (data.responseText) {
try {
data = JSON.parse(data.responseText);
} catch (e) {
// Ignore
}
}
} else {
responseCode = xhr.status;
}


console.log("Response code", responseCode);
console.log("JSON Data", data);
});

如何使用 jQuery 获得 HTTP状态码？

例如: