Obsługa timeoutowania getJSON

Question

Używam funkcji jQuery getJSON(). Ta funkcja pobiera dane bez problemu. Ale czasami czekam, czekam czekając ... A mój pasek ładowania pokazuje ładowanie ładowania loadin na środku strony. Tak więc funkcja jQuery ajax() ma zmienną timeout. Ale chcę użyć funkcji getJSON. I myślę, że mogę korzystać z funkcji ajaxStart() i ajaxStop(). Ale jak?

$('.loadingDiv') 
    .hide() 
    .ajaxStart(function() { 
     $(this).fadeIn(); 
     setTimeout("throw '';",15000) //i used this but didn't work 
     setTimeout("return;",15000) //i used this but didn't work 
     setTimeout("abort();",15000) //i used this but didn't work.(Abort all ajax events) 
    }) 
    .ajaxStop(function() { 
     $(this).fadeOut(); 
    }); 

Answer 1

getJSON() zwraca obietnicy, na której można zadzwonić do abort funkcję:

var p = $.getJSON(..., function(){ alert('success');}); 
setTimeout(function(){ p.abort(); }, 2000); 

EDIT: ale jeśli twoim celem jest po prostu przerwać jeśli trwa zbyt długo, a potem lethal- odpowiedź gitary jest lepsza.

Answer 2

getJSON() jest tylko skrótem, co następuje:

$.ajax({ 
    dataType: "json", 
    url: url, 
    data: data, 
    success: success 
}); 

Więc można użyć $.ajax() i określ opcję timeout jako pożądane. Zobacz także: http://api.jquery.com/jQuery.getJSON/

Answer 3

Funkcja setTimeout wykonuje zestaw kodu po określonej liczbie milisecons w zakresie globalnym.

Funkcja getJSON (za dokumentacji jQuery tutaj http://api.jquery.com/jQuery.getJSON/) jest skrótem dla:

$.ajax({ 
    dataType: "json", 
    url: url, 
    data: data, 
    success: success 
}); 

więc chcesz, aby Twoje wezwanie tak:

$.ajax({ 
    dataType: "json", 
    url: url, 
    data: data, 
    success: success, 
    timeout: 15000 
}); 

$('.loadingDiv') 
    .hide() 
    .ajaxStart(function() { 
     $(this).fadeIn(); 
    }) 
    .ajaxStop(function() { 
     $(this).fadeOut(); 
    }); 

Answer 4

jako śmiertelna-gitara wspomniano getJSON() funkcja jest tylko skrótem dla $.ajax(). Jeśli chcesz wykryć, czy wystąpił limit czasu, a nie rzeczywisty błąd, skorzystaj z poniższego kodu.

var request = $.ajax({ 
    dataType: "json", 
    url: url, 
    data: data, 
    success: function() { }, 
    timeout: 2000 
}).fail(function(xhr, status) { 
    if(status == "timeout") { 
     // do stuff in case of timeout 
    } 
}); 

Answer 5

Zawsze trasa jądrowej, a także:

//Set AJAX timeout to 10 seconds 
$.ajaxSetup({ 
    timeout: 10*1000 
}); 

Spowoduje to ustawienie wszystkich AJAX żąda program robi (nawet poprzez $ .getJSON), aby mieć czas na 10 sekund (albo co czy ty).

Answer 6

Nie sądzę, że któraś z tych odpowiedzi jest idealna. Wiem, że jest to spóźnione o wiele lat, ale kiedy chcesz uzyskać odpowiedź JSONP, to powinieneś użyć opcji wywołania zwrotnego sukcesu/błędu metody .ajax();.

Przykład tego, jak będzie wyglądać struktura to:

// Call 
    $.ajax({ 

     // URL you want to get 
     url: 'http://example.com/json?callback=?', 

     // Set a realistic time in milliseconds 
     timeout: 3000, 

     // Put in success callback function here, this example 
     // shows you the data you got back from the call 
     success: function(data) { 
     console.log(data); 
     }, 

     // Put in an error handling function, just an alert in this case 
     error: function(badData) { 
     alert('The call was unsuccessful'); 
     }, 

     type: 'POST' 
    });