Question

jQuery：如何为timeout启用$.ajax({dataType:'jsonp'...？有什么解决方案吗？ http://jsfiddle.net/laukstein/2wcpU/4

$.ajax({
    type:"GET",
    url:'http://lab.laukstein.com/ajax-seo/.json',
    dataType:'jsonp',
    timeout:200, // Not working with dataType:'jsonp'
    success:function(data){$('#content').html(data.content);},
    error:function(request,status,error){$('#content').html('request failed');}
});

我不喜欢使用某些插件，例如http://code.google.com/p/jquery-jsonp。

Answer 1

以下是setTimeout和clearTimeout http://jsfiddle.net/laukstein/2wcpU/7/

的解决方案

$('#content').ajaxStart(function(){
    $(this).html('Loading...');
});
var timer=window.setTimeout(function(){
    $('#content').html('Loading seems to be taking a while. Try again.');
},2000);
$.ajax({
    type:"GET",
    url:'http://lab.laukstein.com/ajax-seo/.json',
    dataType:'jsonp',
    success:function(data){
        window.clearTimeout(timer);
        $('#content').html(data.content);
    },
    error:function(){
        window.clearTimeout(timer);
        $('#content').html('The request failed. Try to refresh page.');
    }
});

Answer 2

本雅明，

这个SO答案可以帮助你：

jQuery ajax (jsonp) ignores a timeout and doesn't fire the error event

基本上，建议使用jquery.jsonp而不是$ ajax

jQuery：如何为`$ .ajax启用`timeout`（{dataType：'jsonp'...`？有什么解决方案吗？

2 个答案: