js捕获网络请求错误,获取http状态码等信息

本文链接：https://blog.csdn.net/yuexiao19921008/article/details/123127725

本文介绍了如何使用jQuery的$.ajax方法和$.ajaxSetup来捕获网络请求的错误信息，包括HTTP状态码和statusText。在$.ajax的success、error和complete回调函数中，可以获取到xhr对象，从而得知请求的成功或失败状态，以及详细的错误信息。这对于调试和处理异常情况非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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
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