前端ajax返回失败后的处理方式(如:404,500)

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_43316300/article/details/88991536

$.ajax({
    type:"get",
    url:baseUrl + "/cp/get_ads_style/", 
    xhrFields: {
        withCredentials: true //支持附带详细信息
    },
    success:function (res) {
        console.log(res)
    }),
    error: function (err) {   //ajax请求失败时返回   返回的err是一个对象
        if(err.status>=400&&err.status<500){
           window.location.href="./404.html"
        }else if(err.status>=500&&err.status<600){
           window.location.href="./500.html"
        }else{
            alert(err.status + '(' + err.statusText + ')');  
            //返回ajax请求失败的值   如(404  not find)  让用户知道是请求报错了 
        }
    }
}});

$.ajax({
    type: 'post',
      url: baseUrl + "//",
      data: params, 
      contentType: false,  //取消帮我们格式化数据，是什么就是什么
      processData: false,  //ajax2.0可以不用设置请求头，但是jq帮我们自动设置了，这样的话需要我们自己取消掉
      xhrFields: {
          withCredentials: true //支持附带详细信息
      },
      beforeSend: function () {    //请求开始时
          $("#loadingmotal").css({"display":"block"})  
      },
      error: function (err) {   //请求失败时
          $("#loadingmotal").css({"display":"none"});
          alert(err.status + '"' + err.statusText + '"');
      },
      success: function (data) {   //请求成功时
          $("#loadingmotal").css({"display":"none"});
          if (data.code == 1) {
              alert(data.msg)
          } else {
              alert("修改成功 , 页面将会跳转到详情页 !")
              window.location.href = "./details.html"
          }
      }
  })