Ajax网络请求超时处理-timeout

1、相关链接：http://blog.csdn.net/zrcj0706/article/details/78639980

2、实现效果

• 当网络请求时间超过2秒，则弹出提示框：提示网络不稳定
• 具体效果如下图所示

3、代码如下：

• 代码截图

• 具体代码

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: '网络不稳定',
          });
        }
      }
    });

4、步骤解析：

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