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

墨蓝 2022-02-24 06:10 359阅读 0赞

$.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"
              }
          }
      })