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来判断是否超时,并设置超时提示处理








Ajax网络请求超时处理-timeout相关推荐

  1. HttpInterceptor 拦截器 - 网络请求超时与重试的简单实现

    ... 拦截器在Angular项目中其实有着十分重要的地位,拦截器可以统一对 HTTP 请求进行拦截处理,我们可以在每个请求体或者响应后对应的流添加一系列动作或者处理数据,再返回给使用者调用. 每个 ...

  2. react axios和ajax网络请求拦截(session过期跳转登录页)

    网络请求拦截经常也可用到,比如在所有接口消息请求头部加上验证信息token之类的,或者接口报某类错误时统一处理.这里主要用在请求接口时,判断session是否过期,统一返回状态码区分,如果过期了跳转登 ...

  3. 简单快速处理网络请求超时的方法

    最近在调试联网操作的时候碰到网络请求超时的问题,以下是简单快速处理网络超时的方法: 使用android提供的工具类AsyncTask类,此类提供了一个AsyncTask.execute().get(t ...

  4. 计算机网络中请求超时是什么意思,网络请求超时怎么解决

    我们知道不少朋友在上网的时候,会遇到网络请求超时的情况,那造成网络请求超时的原因是什么呢?网络请求超时就是在程序默认的等待时间内没有得到服务器的响应.跟着小编一起来看看请求超时解决方法. 网络请求超时 ...

  5. app显示服务器连接超时,APP网络请求超时反馈设计与思考

    最近我负责了一个网络请求超时的反馈设计,借此机会我也顺便通过此文记录了一下整个思考过程,整理一下自己的思路. 当我们在使用APP的时候,偶尔会碰到网络状态不好的情况.那么对于网络状态不好的情况有哪些分 ...

  6. Android网络请求超时处理

    转自:http://www.cnblogs.com/tony-yang-flutter/p/androidtimeout.html 以用户登录为例介绍用户访问网络时的请求超时处理的两种方法: 一. 使 ...

  7. ajax同步请求 超时时间问题

    最近做到一个功能,从别的连接跳转登录到我们系统后台,登录后会查询一些数据.一开始登录用的异步调用,领导看日志发现还没登录就调了好几个查询接口,要改.我想简单点就改成同步不就行了,然后上同步,恩,好多了 ...

  8. HTML封装AJAX请求,在请求里面写登录的逻辑 ajax 网络请求 post

    调用方法: 先引用config.js,然后调用封装网络请求. 里面三个参数  1.url, 2.请求需要提交的数据,  3.请求类型 // 获取二维码.背景图片接口 getScheduleInfo() ...

  9. python爬虫网络请求超时_python总urllib,伪装,超时设置,异常处理的方法

    python爬虫之urllib,伪装,超时设置,异常处理的方法 Urllib 1. Urllib.request.urlopen().read().decode() 返回一个二进制的对象,对这个对象进 ...

最新文章

  1. 给LINUX添加一个开机执行脚本
  2. 苹果怎么分享无线密码_无线路由器密码怎么破解 无线路由器密码破解方法【介绍】...
  3. java.awt.eventdispatchthread_大神们,小弟来了!解决办法
  4. 360大战QQ演义之一:一场腾讯可能连底裤都输掉的战争!
  5. 无盘服务器快慢取决于什么,cpu运行速度的快慢取决于什么
  6. 逻辑回归阈值_逻辑回归算法
  7. (小白鼠喝药问题)1000瓶药水,其中有一瓶是有毒的,如何找出有毒的药水?
  8. arduino leonardo 入门
  9. 一道简单的逻辑运算题
  10. 多径效应和多普勒效应
  11. jsoup的简单实用兼谈一个简单的汇率查询(原创)
  12. DDR SDRAM原理介绍
  13. Java 爬取微信公众号文章(文字 + 图片)
  14. Laya Stage
  15. c语言 安装初始化错误,错误:初始化元素不是常量(c语言)(Error: Initializer Element is not constant (c language))...
  16. phpcms 之 添加栏目时,输入英文栏目之后,总是提示栏目已存在
  17. Linux中的定时自动执行功能(at,crontab)
  18. Python获取阿里云产品云监控数据指标
  19. 单阶段实例分割又一佳作!出自沈春华团队
  20. 《程序员度量:改善软件团队的分析学》一涟漪效应

热门文章

  1. 关于Github登录 token 失效(重新设置)
  2. 新的优化目标: energy efficiency
  3. Union Find pros and cons
  4. 如何用ipad或者是iphone来无线投屏到电视机
  5. 泛微OA调用SAP接口
  6. Conflux Studio新版教程详解
  7. Vue脚手架创建TS项目
  8. 华为hg8240光猫破解方法
  9. AD模数转化电路的一种实现方式
  10. 爱尔兰留学--英语口语学习(7x24h不间断更新中)