Erste AJAX Antwort Körper zur Verwendung in Fehler-Callback

Question

jQuery AJAX Fehlerfunktion hat die folgenden Parameter:

error(XMLHttpRequest, textStatus, errorThrown) 

Was ist der beste Cross-Browser-Weg, um den Antworttext zu bekommen?

Funktioniert das (zuverlässig in allen Browsern)?

$.ajax({ 
    error: function(http) { 
    alert(http.responseText); 
    } 
}); 

Answer 1

Es ist eine versteckte Funktion, die die Daten von XHR istance extrahieren:

var responseText = $.httpData(xhr) 

Wenn Sie "json" als zweiter Parameter übergeben wird er die Antwort als JSON-String behandeln.

Beachten Sie, dass Sie möglicherweise eine Fehlermeldung erhalten, weil keine Antwort vorliegt (z. B. ein Netzwerkproblem). Stellen Sie sicher, dass Sie auch diesen Fall abdecken. Außerdem glaube ich (nicht sicher), dass jQuery den Handler error aufruft, wenn der Server einen 4xx oder 5xx Status zurückgibt.

Answer 2

Ab jQuery 1.4.1 Sie verwenden sollten:

var json = JSON.parse(xhr.responseText); 

http://api.jquery.com/jQuery.parseJSON/ See.

Answer 3

Für eine jüngere und allgemeine Antwort (seit jquery 1.5), würde ich das jqXHR Objekt verwenden:

$.ajax(url).fail(function(jqXHR, textStatus, errorThrown) { 
    alert(jqXHR.responseText); 
}) 

Alternativ responseJSON verwendet werden, kann die Antwort Körper bereits

$.ajax(url).fail(function(jqXHR, textStatus, errorThrown) { 
    console.log(jqXHR.responseJSON); 
}) 

Answer 4

analysiert zu bekommen

Ein einfaches Anwendungsbeispiel mit jQuery:

var url = '/'; 
$.get(url).then(
    function(response) { 
     $("#result").html(response); 
    }, 
    function(jqXHR) { 
    $("#result").html('Error occurred: '+ jqXHR.statusText + ' ' + jqXHR.status); 
    } 
); 

Dies sollte den HTML-Code der aktuellen Website-Startseite zurückgeben.

Dann versuchen Sie die Eingabe einer Nonsense-URL, die nicht existiert und den Fehler angezeigt wird. Sie sollten "404 Not Found" vom Webserver erhalten. Testen Sie es: JSFiddle here