js捕获网络请求错误,获取http状态码等信息
第一种:使用$.ajax
$(".login").click(function(){
$.ajax({
type: "POST",
url: "https://www.baidu.com/login",
data: {username:'test',password:'123123'},
dataType: 'json',
success: function (result,status,xhr) {
//当请求成功时运行的函数。
alert("信息: " + xhr.status + " " + xhr.statusText);
},
error:function(xhr,status,error){
//如果请求失败要运行的函数。
alert("信息: " + xhr.status + " " + xhr.statusText);
},
complete: function(xhr,status){
//请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后)。
alert("信息: " + xhr.status + " " + xhr.statusText);
}
});
});
第一种:使用 $.ajaxSetup (ajaxSetup() 方法为将来的 AJAX 请求设置默认值)
//ajaxSetup() 方法为将来的 AJAX 请求设置默认值。
$.ajaxSetup({
success: function (result,status,xhr){
//当请求成功时运行的函数。
alert("信息: " + xhr.status + " " + xhr.statusText);
},
error:function(xhr,status,error){
//如果请求失败要运行的函数。
alert("信息: " + xhr.status + " " + xhr.statusText);
},
complete: function(xhr,status){
//请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后)。
alert("信息: " + xhr.status + " " + xhr.statusText);
}
});
//登录
$(".login").click(function(){
$.ajax({
type: "POST",
url: "https://www.baidu.com/login",
data: {username:'test',password:'123123'},
dataType: 'json',
success: function (result) {
if(result.code=="1"){
alert("修改成功");
}else{
alert(result.msg);
}
}
});
});
xhr:XMLHttpRequest
参考链接:
https://www.runoob.com/jquery/ajax-ajaxsetup.html
https://www.runoob.com/jquery/ajax-ajax.html
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
http://c.biancheng.net/view/5995.html