前端Ajax请求超时处理

女爷i 2021-12-11 14:31 1937阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，1937人围观）

还没有评论，来说两句吧...

相关阅读

相关原生ajax请求之前端

前端发送ajax请求，并采用restful风格。 var xhr = createXHR(); xhr.onreadystatech

柔情只为你懂/ 2023年10月09日 11:45/ 0 赞/ 45 阅读

相关 Ajax请求超时处理

超时处理 <!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8">

￡神魔★判官ぃ/ 2023年10月05日 15:49/ 0 赞/ 62 阅读

相关 gRPC请求超时和异常处理

![format_png][] 1. 请求超时在 HTTP 请求中，我们发送请求的时候，可以设置一个请求超时时间-connectTimeout，即在指定的时间内，如果

我不是女神ヾ/ 2023年10月04日 23:14/ 0 赞/ 1 阅读

相关 Shiro 处理ajax请求拦截登录超时解决！

配置全局ajax配置 `$.ajaxSetup({ complete:function(XMLHttpRequest,textStatus){ if(textStatus=

﹏ヽ暗。殇╰゛Y/ 2022年09月21日 13:24/ 0 赞/ 185 阅读

相关 Ajax (4) ---处理请求

上一篇文中说到请求返回的消息，可以是字符串也可以是对象，返回的字符串我们可以使用弹出框的形式将所有内容显示出来，但是还没有加工处理。下面将详细说明如何取出对象中有效信息。

矫情吗；*/ 2022年09月18日 14:48/ 0 赞/ 207 阅读

相关 SpringMVC处理ajax请求

由于之前我写过几篇关于如何搭建SpringMVC项目的日志，故在本文中不在写各种配置怎么写。只写涉及到处理ajax请求的代码。如果有想了解SpringMVC项目怎么搭建的朋友，

桃扇骨/ 2022年09月18日 11:48/ 0 赞/ 208 阅读

相关 springmvc处理ajax请求

springmvc与ajax的交互在实际开发中十分常见，以下是对springmvc与ajax交互时参数的传递与接收做的一些整理 jsp页面： <form id="l

刺骨的言语ヽ痛彻心扉/ 2022年05月13日 15:00/ 0 赞/ 266 阅读

相关 Ajax请求Session超时问题

我在做项目时有时会遇到Session超时问题，如果Session超时，平常请求没有什么问题，通过拦截器可以正确跳到登陆页面，可是你如果用ajax请求的话这就出现问题了，因为aj

你的名字/ 2022年04月22日 03:46/ 0 赞/ 232 阅读

相关前端Ajax请求超时处理

1、步骤解析：第一步：将网络请求事件赋值给变量ajaxTimeOut 第二步：通过设置timeout属性值，来定义超时时间第三步：通过complete中的st

女爷i/ 2021年12月11日 14:31/ 0 赞/ 1938 阅读

相关 AJAX 异步请求处理

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的

妖狐艹你老母/ 2021年09月15日 07:26/ 0 赞/ 542 阅读