Pregunta jQuery: cómo habilitar `timeout` para` $ .ajax ({dataType: 'jsonp' ... `? ¿Existe alguna solución?


jQuery: Cómo habilitar timeout para $.ajax({dataType:'jsonp'...? ¿Hay alguna solución? 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');}
});

No me gusta usar algunos plugins para eso, como http://code.google.com/p/jquery-jsonp.


6
2018-01-13 12:12


origen


Respuestas:


Aquí está mi solución con setTimeout y 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.');
    }
});

4
2018-01-18 21:17



Binyamin,

esta respuesta SO debería ayudarte:

jQuery ajax (jsonp) ignora un tiempo de espera y no activa el evento de error

básicamente, sugiere usar jquery.jsonp en lugar de $ ajax


0
2018-01-13 12:22