jQuery .get funkcja odpowiedzi błędu?

Question

Dzięki StackOverflow udało mi się uzyskać następujący kod działający idealnie, ale mam pytanie uzupełniające.

$.get('http://example.com/page/2/', function(data){ 
    $(data).find('#reviews .card').appendTo('#reviews'); 
}); 

Powyższy kod umożliwił mojej witrynie pobranie drugiej strony artykułów za pomocą przycisku Załaduj więcej w WordPress. Jednak gdy na stronie zabraknie stron/wyników, mam mały problem. Przycisk ładowania więcej pozostaje na swoim miejscu. Będzie nadal próbował pobrać dane, nawet jeśli nie ma żadnych stron.

Jak mogę zmodyfikować to polecenie, aby móc wyświetlić odpowiedź wizualną, jeśli żądanie .get zakończy się niepowodzeniem lub na przykład (404) nie znaleziono strony?

Jeśli ktoś mógłby mi pomóc z prostym przykładem nawet alert("woops!");, byłoby świetnie!

Dzięki!

Answer 1

Nie można ustawić funkcji obsługi błędów. trzeba będzie użyć funkcji niskiego poziomu $.ajax Zamiast:

$.ajax({ 
    url: 'http://example.com/page/2/', 
    type: 'GET', 
    success: function(data){ 
     $(data).find('#reviews .card').appendTo('#reviews'); 
    }, 
    error: function(data) { 
     alert('woops!'); //or whatever 
    } 
}); 

---

Edycja marzec '10

pamiętać, że z nowym jqXHR obiektu w jQuery 1.5, można ustawić obsługi błędów po wywołaniu $.get:

$.get('http://example.com/page/2/', function(data){ 
    $(data).find('#reviews .card').appendTo('#reviews'); 
}).fail(function() { 
    alert('woops'); // or whatever 
}); 

Answer 2

Jeśli chcesz błąd rodzajowy można skonfigurować cały $.ajax() (co $.get() korzysta pod spodem) żąda jQuery sprawia wyświetlać błąd za pomocą $.ajaxSetup(), na przykład:

$.ajaxSetup({ 
    error: function(xhr, status, error) { 
    alert("An AJAX error occured: " + status + "\nError: " + error); 
    } 
}); 

wystarczy uruchomić ten jeden raz przed podjęciem AJAX połączenia (żadnych zmian do swojego aktualnego kodu, po prostu trzymać się tego wcześniej gdzieś) . To ustawia opcję error na domyślną na obsługę/funkcję powyżej, jeśli wykonałeś pełne wywołanie $.ajax() i określiłeś obsługę error, a następnie to, co miałbyś, zastąpiłoby powyższe.

Answer 3

Możesz uzyskać błąd szczegółów za pomocą właściwości responseText.

$.ajaxSetup({ 
error: function(xhr, status, error) { 
alert("An AJAX error occured: " + status + "\nError: " + error + "\nError detail: " + xhr.responseText); 
    } 
    });