jQueryjsonp⽆法捕获404、500状态错误
今天同事在⽤jQuery的ajax⽅法去调⽤⼀个jsonp的api时，服务端出现了500错误，但是前端的jQuery代码却没有触发error事件，代码如下：
1
2 3 4 5 6 7 8 9 10 11 12 13$.ajax({
url: 'ptres.37/js/sq/modules/base44.js',        type: 'GET',
dataType: 'jsonp'
})
.done(function() {
console.log("success");
})
.fail(function() {
console.log("error");
}).always(function(){
console.log("always");
});
如上的⼀段代码，在服务端出错时（http状态码为：5XX、4XX），ajax绑定的done, fail, always⽅法竟然⼀个都没有被触发。挺意外的，为什么这样呢？难道是jQuery的bug？
jquery实现ajax
仔细思考下jsonp的实现原理，其实不难出问题的原因。
jsonp调⽤时其实是在header中创建⼀个script的dom节点，然后通过script的资源调⽤⽅式去向远程服务器发送请求的，问题的关键就在这个script标签上。如果想知道这个资源地址有没有请求成功，我⾸先想到的是onload和onerror这两个回调函数，遗憾的是，ie6,7,8都是不⽀持script的onload和onerror回调！我想，这个应该是jquery⽆法捕获到这个错误的原因吧。
那么有没有其它办法来处理这个错误呢，答案是有的，并且很简单，只要加上timeout参数即可：
$.ajax({
url: 'ptres.37/js/sq/modules/base44.js',
type: 'GET',
timeout: 2000,
dataType: 'jsonp'
})
.done(function() {
console.log("success");
})
.fail(function() {
console.log("error");
}).always(function(){
console.log("always");
});

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