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 相关文章推荐
js parsefloat parseint 转换函数
Jan 21 Javascript
showModelDialog弹出文件下载窗口的使用示例
Nov 19 Javascript
手机端转盘抽奖代码分享
Sep 10 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
JavaScript SHA512加密算法详细代码
Oct 06 Javascript
微信小程序 ecshop地址三级联动实现实例代码
Feb 28 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
Vuejs 单文件组件实例详解
Feb 09 Javascript
基于vue2.0动态组件及render详解
Mar 17 Javascript
基于ts的动态接口数据配置的详解
Dec 18 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
Sep 04 Javascript
Vue实现跑马灯样式文字横向滚动
Nov 23 Vue.js
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
Zerg兵种介绍
2020/03/14 星际争霸
如何使用PHP获取指定日期所在月的开始日期与结束日期
2013/08/01 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
PHP实现时间日期友好显示实现代码
2019/09/08 PHP
Laravel创建数据库表结构的例子
2019/10/09 PHP
让div层随鼠标移动的实现代码 ie ff
2009/12/18 Javascript
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
document.getElementBy("id")与$("#id")有什么区别
2013/09/22 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
JS实现图片平面旋转的方法
2016/03/01 Javascript
JavaScript驾驭网页-获取网页元素
2016/03/24 Javascript
微信小程序进行微信支付的步骤昂述
2016/12/01 Javascript
nodejs个人博客开发第一步 准备工作
2017/04/12 NodeJs
获取url中用&隔开的参数实例(分享)
2017/05/28 Javascript
vue Render中slots的使用的实例代码
2017/07/19 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
使用JS获取SessionStorage的值
2018/01/12 Javascript
浅析 Vue 3.0 的组装式 API(一)
2020/08/31 Javascript
python多线程用法实例详解
2015/01/15 Python
Python读写文件基础知识点
2019/06/10 Python
Python实现简单猜数字游戏
2021/02/03 Python
Saucony澳大利亚官网:美国跑鞋品牌,运动鞋中的劳斯莱斯
2018/05/05 全球购物
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
BAILEY 44官网:美国制造的女性服装
2019/07/01 全球购物
个人自我鉴定写法
2013/11/30 职场文书
十岁生日同学答谢词
2014/01/19 职场文书
大学生自我鉴定评语
2014/01/27 职场文书
工作岗位说明书模板
2014/05/09 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
研究生个人学年总结
2015/02/14 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
Python基于Tkinter开发一个爬取B站直播弹幕的工具
2021/05/06 Python
springcloud整合seata
2022/05/20 Java/Android