HTTP请求状态及jQueryAJAX请求异常处理
上⼀周调优⼀个项⽬的Js部分,其中⼀个严重的问题就是在页⾯初始化数据时,没有对异常进⾏处理,
导致Loading⼀直在等待中,⽆提⽰⽆处理。在⽤户体验上很不好,即使⽹络条件⽆法保证,在出错的情况下,也应该
提⽰⼀下⽤户:⽐如Gmail就做的很不错。
国内⽹络环境链接Gmail是不是的就出错。只有能打开gmail,当我们进⾏查询时,如果GFW给拦截了,Google就会出现提⽰:
1.正在加载中......
2.再不⾏,就会出现,我们正在努⼒的加载中。
3 最好还不⾏,就报异常:加载失败,稍后再试。或者使⽤纯html简单⽅式浏览。
这就是⼈性化。
参考另⼀篇⽂章: []
jquery⽤ajax请求服务的时候,异常情况和http直接请求是⼀样⼀样的。
错误代码如下:
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到您没有写⼊权限的⽬录。
Jquery以及extjs处理都是类似的。
对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){
jquery ajax例子//TODO: 处理status, http status code,超时 408
// 注意:如果发⽣了错误,错误信息(第⼆个参数)除了得到null之外,还可能
//是"timeout", "error", "notmodified" 和 "parsererror"。
},
success: function(result) {
// TODO: check result
}
});
另外,error事件返回的第⼀个参数XMLHttpRequest有⼀些有⽤的信息:
0 - (未初始化)还没有调⽤send()⽅法
1 - (载⼊)已调⽤send()⽅法,正在发送请求
2 - (载⼊完成)send()⽅法执⾏完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调⽤了
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);
});Connection().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();编者注:1、增加异常处理后,再加上其他优化⼿段,⽤户体验效果明显增强了
2.异常,不管在什么情况下,都是要处理。不管是后台代码好处,还是js不好处理。都是要处理的。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。