jQuery AJAX timeout 超时问题详解


Posted in Javascript onJune 21, 2016

先给大家分析下超时原因:

1.网络不通畅。

2.后台运行比较慢(服务器第一次运行时,容易出现)

超时结果:JQ中 timeout设置请求超时时间。

如果服务器响应时间超过了 设置的时间,则进入 ERROR (错误处理)

超时解决方案:

1.默认的timeout为0,代表永不超时

2.尽量把timeout设置的大一点。坏处:使数据的加载变慢(貌似。呵呵)。

3.在ERROR回调函数中写 有关于 超时 处理 的函数:例如,可以在超时的情况下再次调用取数据函数。

------------------------------------------------------- -------------------------------------------------------

这个ajax 里有个success的函数. 是成功是返回的 还有个好像是叫error的返回函数

如果请求失败的时候 会触发这个函数.

我觉得你可以在error里处理.

如果执行了这个函数那你就调用你第二个ajax方法呗.

jQuery和ExtJS的timeOut超时设置和event事件处理 .

jQuery和ExtJS的timeOut超时设置和event事件处理 .

ajax请求如何自定义超时时间,并处理相应的超时事件呢?

对jQuery 来说,超时可以直接设置timeout参数,并在error事件中捕获第二个参数,如果是“timeout”则表明捕获了超时事件,非常清楚。

例子:

$.ajax({
type: "POST"
,
contentType: "application/json"
,
url: "../ws/MyService.asmx/test"
,
data: '{"email":"'
+email+'"}'
, 
timeout: 30000, //超时时间:30秒
dataType: 'json'
,
error: function
(XMLHttpRequest, textStatus, errorThrown){
//TODO: 处理status, http status code,超时 408
// 注意:如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能
//是"timeout", "error", "notmodified" 和 "parsererror"。
}, 
success: function
(result) {
// TODO: check result
}
});

另外,error事件返回的第一个参数XMLHttpRequest有一些有用的信息:

XMLHttpRequest.readyState: 状态码

0 - (未初始化)还没有调用send()方法

1 - (载入)已调用send()方法,正在发送请求

2 - (载入完成)send()方法执行完成,已经接收到全部响应内容

3 - (交互)正在解析响应内容

4 - (完成)响应内容解析完成,可以在客户端调用了

XMLHttpRequest.status属性:一些错误代码

HTTP

1xx-信息提示

这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个1xx响应。

100-继续。

101-切换协议。

2xx-成功

这类状态代码表明服务器成功地接受了客户端请求。

200-确定。客户端请求已成功。

201-已创建。

202-已接受。

203-非权威性信息。

204-无内容。

205-重置内容。

206-部分内容。

3xx-重定向

客户端浏览器必须采取更多操作来实现请求。例如,浏览器可能不得不请求服务器上的不同的页面,或通过代理服务器重复该请求。

301-对象已永久移走,即永久重定向。

302-对象已临时移动。

304-未修改。

307-临时重定向。

4xx-客户端错误

发生错误,客户端似乎有问题。例如,客户端请求不存在的页面,客户端未提供有效的身份验证信息。400-错误的请求。

401-访问被拒绝。IIS定义了许多不同的401错误,它们指明更为具体的错误原因。这些具体的错误代码在浏览器中显示,但不在IIS日志中显示:

401.1-登录失败。

401.2-服务器配置导致登录失败。

401.3-由于ACL对资源的限制而未获得授权。

401.4-筛选器授权失败。

401.5-ISAPI/CGI应用程序授权失败。

401.7?访问被Web服务器上的URL授权策略拒绝。这个错误代码为IIS6.0所专用。

403-禁止访问:IIS定义了许多不同的403错误,它们指明更为具体的错误原因:

403.1-执行访问被禁止。

403.2-读访问被禁止。

403.3-写访问被禁止。

403.4-要求SSL。

403.5-要求SSL128。

403.6-IP地址被拒绝。

403.7-要求客户端证书。

403.8-站点访问被拒绝。

403.9-用户数过多。

403.10-配置无效。

403.11-密码更改。

403.12-拒绝访问映射表。

403.13-客户端证书被吊销。

403.14-拒绝目录列表。

403.15-超出客户端访问许可。

403.16-客户端证书不受信任或无效。

403.17-客户端证书已过期或尚未生效。

403.18-在当前的应用程序池中不能执行所请求的URL。这个错误代码为IIS6.0所专用。

403.19-不能为这个应用程序池中的客户端执行CGI。这个错误代码为IIS6.0所专用。

403.20-Passport登录失败。这个错误代码为IIS6.0所专用。

404-未找到。

404.0-(无)?没有找到文件或目录。

404.1-无法在所请求的端口上访问Web站点。

404.2-Web服务扩展锁定策略阻止本请求。

404.3-MIME映射策略阻止本请求。

405-用来访问本页面的HTTP谓词不被允许(方法不被允许)

406-客户端浏览器不接受所请求页面的MIME类型。

407-要求进行代理身份验证。

412-前提条件失败。

413?请求实体太大。

414-请求URI太长。

415?不支持的媒体类型。

416?所请求的范围无法满足。

417?执行失败。

423?锁定的错误。

5xx-服务器错误

服务器由于遇到错误而不能完成该请求。

500-内部服务器错误。

500.12-应用程序正忙于在Web服务器上重新启动。

500.13-Web服务器太忙。

500.15-不允许直接请求Global.asa。

500.16?UNC授权凭据不正确。这个错误代码为IIS6.0所专用。

500.18?URL授权存储不能打开。这个错误代码为IIS6.0所专用。

500.100-内部ASP错误。

501-页眉值指定了未实现的配置。

502-Web服务器用作网关或代理服务器时收到了无效响应。

502.1-CGI应用程序超时。

502.2-CGI应用程序出错。application.

503-服务不可用。这个错误代码为IIS6.0所专用。

504-网关超时。

505-HTTP版本不受支持。

FTP

1xx-肯定的初步答复

这些状态代码指示一项操作已经成功开始,但客户端希望在继续操作新命令前得到另一个答复。

110重新启动标记答复。

120服务已就绪,在nnn分钟后开始。

125数据连接已打开,正在开始传输。

150文件状态正常,准备打开数据连接。

2xx-肯定的完成答复

一项操作已经成功完成。客户端可以执行新命令。200命令确定。

202未执行命令,站点上的命令过多。

211系统状态,或系统帮助答复。

212目录状态。

213文件状态。

214帮助消息。

215NAME系统类型,其中,NAME是AssignedNumbers文档中所列的正式系统名称。

220服务就绪,可以执行新用户的请求。

221服务关闭控制连接。如果适当,请注销。

225数据连接打开,没有进行中的传输。

226关闭数据连接。请求的文件操作已成功(例如,传输文件或放弃文件)。

227进入被动模式(h1,h2,h3,h4,p1,p2)。

230用户已登录,继续进行。

250请求的文件操作正确,已完成。

257已创建“PATHNAME”。

3xx-肯定的中间答复

该命令已成功,但服务器需要更多来自客户端的信息以完成对请求的处理。331用户名正确,需要密码。

332需要登录帐户。

350请求的文件操作正在等待进一步的信息。

4xx-瞬态否定的完成答复

该命令不成功,但错误是暂时的。如果客户端重试命令,可能会执行成功。421服务不可用,正在关闭控制连接。如果服务确定它必须关闭,将向任何命令发送这一应答。

425无法打开数据连接。

426Connectionclosed;transferaborted.

450未执行请求的文件操作。文件不可用(例如,文件繁忙)。

451请求的操作异常终止:正在处理本地错误。

452未执行请求的操作。系统存储空间不够。

5xx-永久性否定的完成答复

该命令不成功,错误是永久性的。如果客户端重试命令,将再次出现同样的错误。500语法错误,命令无法识别。这可能包括诸如命令行太长之类的错误。

501在参数中有语法错误。

502未执行命令。

503错误的命令序列。

504未执行该参数的命令。

530未登录。

532存储文件需要帐户。

550未执行请求的操作。文件不可用(例如,未找到文件,没有访问权限)。

551请求的操作异常终止:未知的页面类型。

552请求的文件操作异常终止:超出存储分配(对于当前目录或数据集)。

553未执行请求的操作。不允许的文件名。

常见的FTP状态代码及其原因

150-FTP使用两个端口:21用于发送命令,20用于发送数据。状态代码150表示服务器准备在端口20上打开新连接,发送一些数据。

226-命令在端口20上打开数据连接以执行操作,如传输文件。该操作成功完成,数据连接已关闭。

230-客户端发送正确的密码后,显示该状态代码。它表示用户已成功登录。

331-客户端发送用户名后,显示该状态代码。无论所提供的用户名是否为系统中的有效帐户,都将显示该状态代码。

426-命令打开数据连接以执行操作,但该操作已被取消,数据连接已关闭。

530-该状态代码表示用户无法登录,因为用户名和密码组合无效。如果使用某个用户帐户登录,可能键入错误的用户名或密码,也可能选择只允许匿名访问。如果使用匿名帐户登录,IIS的配置可能拒绝匿名访问。

550-命令未被执行,因为指定的文件不可用。例如,要GET的文件并不存在,或试图将文件PUT到您没有写入权限的目录。

ExtJS 的默认超时时间是30s,超过就会ajax请求失败,http status code 408。

设置ExtJS的超时时间方法需要用Ext.data.Connection 对象,并捕捉requestexception事件,例子:

var
conn=new
Ext.data.Connection({
url: "../ws/MyService.asmx/test"
,
timeout : 60000, //自定义超时时间,这里是60秒 (默认30s)
autoAbort : false
,
disableCaching : true
,
method : "GET"
});
var
proxy = new
Ext.data.HttpProxy(conn);
proxy.getConnection().on("requestcomplete"
, function
(sender, response, options){ 
//成功,response.status = 200, response.statusText = 'OK'
});
proxy.getConnection().on("requestexception"
, function
(sender, response, options){
//异常,捕捉 esponse.status ( http status code 代码 )和 response.statusText 
});
var
store = new
Ext.data.Store({
proxy: proxy, 
reader: myReader, //需要另外定义一个reader
baseParams: {myargument:'myargumentValue'
}, //改成你的参数名和值
remoteSort: false
}); 
store.load();

以上所述是小编给大家介绍的jQuery AJAX timeout 超时问题详解的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
关于juqery radio写法的兼容性问题(新老版本jquery)
Jun 14 Javascript
一个原生的用户等级的进度条
Jul 03 Javascript
纯css+js写的一个简单的tab标签页带样式
Jan 28 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 Javascript
jQuery学习之DOM节点的插入方法总结
Jan 22 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
Jun 20 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
JavaScript面试出现频繁的一些易错点整理
Mar 29 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
Jan 30 Javascript
javascript实现日历效果
Jun 17 Javascript
vue实现移动端项目多行文本溢出省略
Jul 29 Javascript
jQuery代码性能优化的10种方法
Jun 21 #Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
Jun 21 #Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
Jun 21 #Javascript
JavaScript检测原始值、引用值、属性
Jun 20 #Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 #Javascript
JS实现鼠标框选效果完整实例
Jun 20 #Javascript
javascript事件冒泡简单示例
Jun 20 #Javascript
You might like
php页面缓存ob系列函数介绍
2012/10/18 PHP
PHP关联链接常用代码
2012/11/05 PHP
php中get_defined_constants函数用法实例分析
2015/05/12 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
php 浮点数比较方法详解
2017/05/05 PHP
PHP调用微博接口实现微博登录的方法示例
2018/09/22 PHP
基于PHP实现用户登录注册功能的详细教程
2020/08/04 PHP
JavaScript 函数调用规则
2009/09/14 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
2011/03/01 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
2013/12/16 Javascript
JS实现让访问者自助选择网页文字颜色的方法
2015/02/24 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
微信小程序 动态绑定事件并实现事件修改样式
2017/04/13 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
Vue基于NUXT的SSR详解
2017/10/24 Javascript
详解react-refetch的使用小例子
2019/02/15 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
2019/04/25 Javascript
微信小程序实现选项卡滑动切换
2020/10/22 Javascript
[46:44]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第二场 3月7日
2021/03/11 DOTA
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
python使用socket连接远程服务器的方法
2015/04/29 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
Python 实现中值滤波、均值滤波的方法
2019/01/09 Python
Python中如何导入类示例详解
2019/04/17 Python
Python读取csv文件实例解析
2019/12/30 Python
python3 logging日志封装实例
2020/04/08 Python
应届生求职简历的自我评价怎么写
2013/10/23 职场文书
互联网创业计划书写作技巧攻略
2014/03/23 职场文书
项目经理任命书内容
2014/06/06 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书
Go Gin实现文件上传下载的示例代码
2021/04/02 Golang
如何理解及使用Python闭包
2021/06/01 Python
Java实现二分搜索树的示例代码
2022/03/17 Java/Android