关于jQuery的ajax中取消请求带来的问题
@(ajax)[error|abort| alert]
这是jQuery的ajax经常出现的一个问题,其实早些时候我也有碰到过,不过一直以为是系统BUG,没有去深入研究,直到后来看了一个哥们儿博客,才有所深入了解,这里我来说简单说明下:
jQuery的ajax我们通常喜欢在error方法中添加内容,比如说弹出错误。
$.ajax({
type : "post",
url : "http://localhost:7000/doLogin",
data : ,
dataType : "json",
success : function(data){
},
error: function(jqXHR, textStatus, errorThrown){
alert('error ' + textStatus + " " + errorThrown);
},
complete:function(jqXHR){
}
});
这里error的三个参数分别是XMLHttpRequest 对象、错误信息、(可选)捕获的错误对象。如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是timeout
,error
,notmodified
和 parsererror
。
这里本身是没有什么问题,但是如果后台是比较耗时的请求,用户等不及数据返回的话,直接按F5刷新页面,这里就会触发$.ajax
的abort
方法,abort是终止请求,执行完后他会进入到error方法中。
所以这里我们需要优化代码
error: function(jqXHR, textStatus, errorThrown){
if(textStatus !== "error"){
alert('error ' + textStatus + " " + errorThrown);
}
}
可能有人会说,这样的话不同的错误信息不也打印不出来了吗?这个倒不用担心,超时timeout
,找不到文件(或者已经被缓存)notmodified
和 返回格式不正确parsererror
,这几种错误已经足够判断了。