$.ajax实现

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>Document</title><script src="./libs/jquery/jquery.js"></script></head><body><button>发起请求</button><script>document.querySelector('button').onclick = function() {$.ajax({url: 'http://127.0.0.1:3001/getStudentsJSONDelay',// 通过timeout属性设置超时,单位是毫秒timeout: 2000,// 超时会认为请求失败,在ajax中会触发error事件error: function(err) {console.log(err)},success: function(res) {console.log(res)}})}</script></body>
</html>

原生实现

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>Document</title></head><body><button>发起请求</button><script>document.querySelector('button').onclick = function() {let xhr = new XMLHttpRequest()xhr.open('get', 'http://127.0.0.1:3001/getStudentsJSONDelay')// 设置超时,如果服务器响应的时间超出了指定时间,浏览器就会认为本次请求失败xhr.timeout = 2000// 失败的请求会触发timeout事件:ontimeoutxhr.ontimeout = function(err) {console.log(err)}xhr.send()xhr.onload = function() {console.log(xhr.responseText)}}</script></body>
</html>

Ajax - timeout设置ajax请求超时 timeout相关推荐

  1. 设置HTTP请求超时自动重发

    Java Apcahe的HTTPClient工具Http请求当请求超时时底层会默认进行重发,默认重发次数为3次,在某些情况下为了防止重复的请求,需要将自动重发覆盖. 设置HTTP参数,设置不进行自动重 ...

  2. vue接口总是请求超时_vue-resource请求超时timeout设置

    请求超时设置通过拦截器Vue.http.interceptors实现具体代码如下 main.js里在全局拦截器中添加请求超时的方法 方法1:超时之后会调用请求中的onTimeoutd方法,then方法 ...

  3. ajax项目设置,jQuery_ajax预处理_和后置处理;项目中ajax自动设置_token_请求头,_接口响应code的统一处理...

    项目中经持发秀事应差互过来商类如处.,到图近就这常会遇到需要统一设置 ajax请求的预处理 和 需要统一处理ajax返回的需到二新,为都础过过发等宗和发制数事前理业待很理断到屏能击示和站公下图以使箭分 ...

  4. nginx中的超时设置,请求超时、响应等待超时等

    nginx比较强大,可以针对单个域名请求做出单个连接超时的配置. 比如些动态解释和静态解释可以根据业务的需求配置 proxy_connect_timeout :后端服务器连接的超时时间_发起握手等候响 ...

  5. Prometheus 导致 Jaeger API 请求超时 timeout 的故障

    问题背景 使用 Jaeger 的 9411 端口(用于兼容 Zipkin 的端口)提交调用链的 span 信息,Jaeger 服务运行一段时候后,9411 端口上的请求就会全部超时,必须重启后才能恢复 ...

  6. qt连接错误ip的sqlserver超时时间_参数设置导致请求超时案例

    问题现象 晚上版本上线后,发现工号进入首页后页面空白,显示INTERNAL_SERVER_ERROR 过程回顾 通过fiddler抓包,发现某个请求出现500错误 检查应用,was,ihs日志,没有发 ...

  7. SpringCloud Edgware.SR3版本-Ribbon的timeout设置

    概述 Spring Cloud中,客户端的负载均衡使用的是Ribbon,Ribbon的超时时间默认很短,需要进行调整. Spring Cloud版本 Edgware.SR3 Ribbon timeou ...

  8. 详细叙述ajax的详情,ajax的配置详情、ajax的调用解释、ajax的中文乱码和ajax的表单提交(内有实例)...

    本篇文章主要的讲述了关于ajax的使用总结说明,还有ajax的配置.调用.中文乱码.表单提交等等详细解释,现在我们一起来看这篇文章吧 ·jquery的使用 0.必须优先引入jquery.js 否则无法 ...

  9. ajax使用总结-ajax的配置-ajax的调用-ajax的中文乱码-ajax的表单提交

    ·jquery的使用    0.必须优先引入jquery.js 否则无法调用jquery框架    1.js区分大小写,起名字的时候要注意    2.jquery根据div的id属性获取页面text的 ...

最新文章

  1. FFmpeg在Windows上通过dshow编解码方式设置为mjpeg并实时显示测试代码
  2. openflow多级流表机制的优点?
  3. 锐捷交换机VRRP配置
  4. 数据挖掘 文本分类(二)搜集中文语料库与ICTCLAS分词
  5. Python画樱花树~
  6. 少儿编程是选择线上与线下?
  7. android录音波浪动画_Android实现波浪效果 - WaveView
  8. springboot项目中redis客户端(Jedis、Lettuce、Redisson)
  9. 蓝桥杯,我劝你不要参加的8个完美理由
  10. 微信小程序主体如何变更?小程序迁移流程详解
  11. 九、Appium测试入门
  12. HP3055提示 soanner bulb warming up
  13. 如何写/审AI领域的论文【VALSE Webinar】Panel实录
  14. java工程积累——项目管理:破窗理论
  15. 弹性布局之em的用法!
  16. vue v-for动态循环select,并取其中的值,和值的分类
  17. 如何下载外文期刊文献,怎么下载又快又省力!
  18. 时序收敛以及 synplify 技巧timing constraint
  19. 大学物理·第2章牛顿定律
  20. 传苹果向三星购买5G基带芯片遭拒;ofo否认破产;阿里大股东宣布清算,抛售全部股份|雷锋早报...

热门文章

  1. 本科生学计算机科学行吗,【学习方法】一位大三本科生的计算机科学与技术学习反思录...
  2. Unity DrawCall优化
  3. 微信小程序开发初试实例结算小助手
  4. 软考A计划-试题模拟含答案解析-卷十
  5. Android版本中蓝牙简介
  6. Linux VIM常用命令总结
  7. ChatGPT入门案例|商务智能对话客服(一)
  8. Ubuntu设置开机引导时间(同样适合双系统)
  9. 无穷小量与无穷大量的阶
  10. 12篇读书笔记系列-4、启功给你讲书法-已读完