jQuery ajax (jsonp) 忽略超时并且不触发错误事件 [英] jQuery ajax (jsonp) ignores a timeout and doesn't fire the error event
问题描述
为了添加一些基本的错误处理,我想重写一段代码,使用 jQuery 的 $.getJSON 从 Flickr 中提取一些照片.这样做的原因是 $.getJSON 不提供错误处理或超时工作.
To add some basic error handling, I wanted to rewrite a piece of code that used jQuery's $.getJSON to pull in some photo's from Flickr. The reason for doing this is that $.getJSON doesn't provide error handling or work with timeouts.
由于 $.getJSON 只是 $.ajax 的一个包装器,我决定重写它并惊喜地发现,它完美无缺.
Since $.getJSON is just a wrapper around $.ajax I decided to rewrite the thing and surprise surprise, it works flawlessly.
不过现在好戏开始了.当我故意导致 404(通过更改 URL)或导致网络超时(通过未连接到互联网)时,错误事件根本不会触发.我不知道我做错了什么.非常感谢帮助.
Now the fun starts though. When I deliberately cause a 404 (by changing the URL) or cause the network to timeout (by not being hooked up to the interwebs), the error event doesn't fire, at all. I'm at a loss as to what I'm doing wrong. Help is much appreciated.
代码如下:
$(document).ready(function(){
// var jsonFeed = "http://api.flickr.com/services/feeds/photos_public.gne"; // correct URL
var jsonFeed = "http://api.flickr.com/services/feeds/photos_public.gne_______"; // this should throw a 404
$.ajax({
url: jsonFeed,
data: { "lang" : "en-us",
"format" : "json",
"tags" : "sunset"
},
dataType: "jsonp",
jsonp: "jsoncallback",
timeout: 5000,
success: function(data, status){
$.each(data.items, function(i,item){
$("<img>").attr("src", (item.media.m).replace("_m.","_s."))
.attr("alt", item.title)
.appendTo("ul#flickr")
.wrap("<li><a href="" + item.link + ""></a></li>");
if (i == 9) return false;
});
},
error: function(XHR, textStatus, errorThrown){
alert("ERREUR: " + textStatus);
alert("ERREUR: " + errorThrown);
}
});
});
我想补充一点,这个问题是在 jQuery 1.4.2 版本时被问到的
I'd like to add that this question was asked when jQuery was at version 1.4.2
推荐答案
jQuery 1.5 及更高版本对 JSONP 请求的错误处理有更好的支持.但是,您需要使用 $.ajax
方法而不是 $.getJSON
.对我来说,这有效:
jQuery 1.5 and higher have better support for error handling with JSONP requests. However, you need to use the $.ajax
method instead of $.getJSON
. For me, this works:
var req = $.ajax({
url : url,
dataType : "jsonp",
timeout : 10000
});
req.success(function() {
console.log('Yes! Success!');
});
req.error(function() {
console.log('Oh noes!');
});
超时似乎可以解决问题并在 10 秒后没有成功请求时调用错误处理程序.
The timeout seems to do the trick and call the error handler, when there is no successful request after 10 seconds.
我做了一点博客文章 关于这个主题.
I did a little blogpost on this subject as well.
这篇关于jQuery ajax (jsonp) 忽略超时并且不触发错误事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!