jQuery: Làm thế nào để kích hoạt tính năng 'timeout` cho `$ .ajax ({datatype: 'jsonp' ...` Có bất kỳ giải pháp

Question

jQuery:? Làm thế nào để kích hoạt tính năng timeout cho $.ajax({dataType:'jsonp'... Có bất kỳ giải pháp 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');} 
}); 

tôi không muốn sử dụng một số plugin cho rằng, giống như http://code.google.com/p/jquery-jsonp

Answer 1

Đây là giải pháp của tôi với setTimeout và clearTimeouthttp://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

Binyamin,

này SO câu trả lời sẽ giúp bạn:.

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

về cơ bản, gợi ý sử dụng jquery.jsonp thay vì $ ajax