前端Ajax请求超时处理

1、步骤解析：
第一步：将网络请求事件赋值给变量ajaxTimeOut 
第二步：通过设置timeout属性值，来定义超时时间
第三步：通过complete中的status是否等于timeout来判断是否超时，并设置超时提示处理

2、具体代码
let ajaxTimeOut = $.ajax({    //将网络请求事件赋值给变量ajaxTimeOut 
      url: "/api_v1.1/apiPackage/knowKeyWord",
      type: "GET",
      dataType: "json",
      data: {
        "knowcontent": this.state.title + this.state.description,
      },
      timeout: 2000, //通过timeout属性，设置超时时间,这里指的是毫秒
      success: function (data) {
        console.log("获取关键字成功");
        console.log(data);
      }.bind(this),
      error: function (xhr, status, err) {
      }.bind(this),
      complete: function (XMLHttpRequest, status) { //当请求完成时调用函数
        if (status == 'timeout') {//status == 'timeout'意为超时,status的可能取值：success,notmodified,nocontent,error,timeout,abort,parsererror 
          ajaxTimeOut.abort(); //取消请求
          Modal.warning({     //超时提示：网络不稳定
            title: '友情提示',
            content: '网络不稳定',
          });
        }
      }
    });


转载地址：https://blog.csdn.net/zrcj0706/article/details/79391341