`
shuai1234
  • 浏览: 971828 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

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();
分享到:
评论

相关推荐

    Ajax(Jquery与ExtJs)

    Ajax(Jquery与ExtJs) 框架对比 web前端开发

    Jquery-Extjs4.0框架

    jQuery是一个轻量级、高性能的JavaScript库,它的主要目标是简化DOM操作、事件处理、动画制作以及Ajax交互。jQuery的核心特点包括: 1. **选择器**: jQuery提供了强大的CSS选择器,使得开发者能够快速准确地定位到...

    JavaScript框架jQuery和ExtJS的对比研究.pdf

    "JavaScript框架jQuery和ExtJS的对比研究" 本文将对JavaScript框架jQuery和ExtJS进行对比研究,旨在帮助Web开发者选择合适的JavaScript框架。 JavaScript框架的重要性 随着Web 2.0时代的到来,Web应用程序越来越...

    jQuery和ExtJs代码提示spket插件的下载和使用说明

    总的来说,Spket插件是JavaScript开发者的得力助手,尤其在处理jQuery和ExtJS这类复杂框架时,它的代码提示功能可以显著提升开发速度和代码质量。通过熟悉其安装、配置和使用方法,你将在实际工作中受益匪浅。

    jquery/extjs智能提示所需文件spket.7z

    jQuery的核心特性包括选择器(用于高效地查找DOM元素)、DOM操作(添加、删除和修改元素)、事件处理(绑定和触发事件)以及Ajax交互(与服务器进行异步通信)。通过使用jQuery,开发者可以方便地实现动画效果、Ajax...

    jQuery EasyUI仿Extjs界面

    5. **事件处理**:在实现上述功能时,需要利用jQuery和EasyUI提供的事件处理机制,如`on('click')`来监听用户的菜单点击行为,并相应地添加新的Tab或更新内容区域。 6. **CSS和JavaScript资源**:压缩包中的index....

    浅谈JavaScript库——jQuery,ExtJs的对比研究.pdf

    JavaScript库通常提供了一些基本功能,如命名空间支持、JavaScript可用性增强工具、用户界面组件、拖放组件、视觉效果和动画、布局管理工具、元素样式操作、AJAX支持、DOM支持、事件处理增强工具、操作日志和调试...

    模仿extjs风格写的jquery combobox

    - jQuery基础:包括选择器、事件处理、DOM操作等。 - AJAX:用于动态加载数据,可能通过异步请求获取远程数据源。 - 数据绑定:将JavaScript对象或数组与HTML元素绑定,实现数据的实时更新。 - 用户输入处理:监听...

    浅谈JavaScript 库———jQuery, ExtJs 的对比研究

    - **功能范围**:jQuery专注于基础的DOM操作和事件处理,而ExtJs则提供了更为丰富的UI组件和高级功能,适合构建复杂的应用程序。 - **学习曲线**:jQuery的学习曲线较低,适合初学者快速上手;而ExtJs由于功能更为...

    jQuery模仿ExtJS之TabPanel最新

    将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。 items<array> 选项卡元素集合 选项卡组件渲染后就会显示的选项卡元素集合,具体参数...

    SSH2框架+jQuery+ExtJs+MySql数据库的购物网站

    该项目使用SSH2框架+jQuery+ExtJs+MySql数据库+MyEclipse开发环境。1、设计构思 将订单模块分成管理员和顾客两个管理部分: 管理员:可以查看所有的订单,对已付款的订单进行发货,查看订单详情,按不同方式查询订单...

    ExtJS 事件处理 动态载入

    在深入探讨事件处理和动态载入这两个主题之前,我们先简单了解一下ExtJS的基础。 ExtJS 提供了一个完整的框架,包括丰富的UI组件、数据绑定机制、布局管理以及强大的事件模型。这使得开发者能够创建功能丰富的Web...

    ExtJs事件处理 ajax

    下面将详细解释标题和描述中提到的ExtJs事件处理,以及与Ajax交互的相关知识。 1. **基本事件处理** - 在ExtJs中,可以使用`on`方法来监听DOM元素或Ext组件的事件。例如,监听ID为'somelink'的元素的点击事件,...

    jquery extjs example

    jQuery是由John Resig创建的一个JavaScript库,它的核心优势在于简化DOM操作、事件处理、动画效果和Ajax交互。通过其简洁的语法,开发者可以高效地完成页面元素的选择、遍历和操作。例如,使用`$("#id")`选择ID为"id...

    EsayUI、Jquery、ExtJS等JS库中所用图标及界面图标选择功能

    jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。虽然jQuery本身不包含图标库,但可以通过与其他图标库(如Font Awesome、Glyphicons等)结合使用,轻松地在页面中添加图标...

    让MyEclipse使用spket插件来支持jQuery和ExtJs.rar

    主流插件jsEclipse、Aptana Studio和spket,就js语法加亮来说,都可以。 jsEclipse是轻量级免费使用的插件,不支持jQuery,虽说可以添加library,但在网上很难找到jQuery的xml库

    jQuery EasyUI仿Extjs漂亮界面实例演示

    1. **jQuery基础**:首先,理解jQuery的基本用法是必不可少的,包括选择器、DOM操作、事件处理和动画效果。jQuery EasyUI建立在jQuery之上,因此熟悉jQuery能更好地使用EasyUI。 2. **EasyUI组件**:EasyUI包含一...

    基于vs2010的省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs) 示例源代码

    接着,jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和AJAX交互。在jQuery实现的示例中,开发者可能使用AJAX的$.ajax或$.getJSON方法发送异步请求,获取数据后使用jQuery的DOM操作函数动态更新下拉...

    Extjs源码之--Ext事件机制/继承关系

    EXTJS的事件处理主要由EventManager.js这个文件负责,它是EXTJS事件系统的基础。 首先,EXTJS的事件机制基于观察者模式,即事件发布者(Publisher)发出事件,而事件订阅者(Subscriber)监听并响应这些事件。Event...

    extjs使用说明 extjs的API jQuery使用说明 jQuery的API

    ExtJS和jQuery是两种广泛使用的JavaScript库,它们在Web开发中扮演着重要角色,尤其在构建用户界面和处理DOM操作时。这篇详细的说明将分别介绍这两个库的核心概念、使用方法以及相关的API。 首先,让我们来看看...

Global site tag (gtag.js) - Google Analytics