Comment obtenir le texte de réponse d'erreur jQuery $ .ajax?

J'envoie une réponse d'erreur à ma jQuery. Cependant, je ne peux pas obtenir le texte de réponse (dans l'exemple ci-dessous, ce serait allé à la plage )

La seule chose que jQuery dit est «erreur».

Voir cet exemple pour plus de détails:

php

<?
    header('HTTP/1.1 500 Internal Server Error');
    print "Gone to the beach"
?>

jQuery

$.ajax({
    type:     "post",
    data:     {id: 0},
    cache:    false,
    url:      "doIt.php",
    dataType: "text",
    error: function (request, error) {
        console.log(arguments);
        alert(" Can't do because: " + error);
    },
    success: function () {
        alert(" Done ! ");
    }
});

Maintenant mon résultat est:

Journal:

 [XMLHttpRequest readyState=4 status=500, "error", undefined]

alerte:

Impossible à faire car: erreur

Des idées?

Essayer:

error: function(xhr, status, error) {
  var err = eval("(" + xhr.responseText + ")");
  alert(err.Message);
}

Pour moi, cela fonctionne simplement:

error: function(xhr, status, error) {
  alert(xhr.responseText);
}

Regardez la responseTextpropriété du paramètre de demande.

Comme finalement suggéré par cette autre réponse et ses commentaires sur cette page:

error: function(xhr, status, error) {
  var err = JSON.parse(xhr.responseText);
  alert(err.Message);
}

C'est ce qui a fonctionné pour moi

    function showErrorMessage(xhr, status, error) {
        if (xhr.responseText != "") {

            var jsonResponseText = $.parseJSON(xhr.responseText);
            var jsonResponseStatus = '';
            var message = '';
            $.each(jsonResponseText, function(name, val) {
                if (name == "ResponseStatus") {
                    jsonResponseStatus = $.parseJSON(JSON.stringify(val));
                     $.each(jsonResponseStatus, function(name2, val2) {
                         if (name2 == "Message") {
                             message = val2;
                         }
                     });
                }
            });

            alert(message);
        }
    }

Cela vous permettra de voir la réponse entière et pas seulement la valeur "responseText"

error: function(xhr, status, error) {
    var acc = []
    $.each(xhr, function(index, value) {
        acc.push(index + ': ' + value);
    });
    alert(JSON.stringify(acc));
}

vous pouvez aussi l'essayer:

$(document).ajaxError(
    function (event, jqXHR, ajaxSettings, thrownError) {
        alert('[event:' + event + '], [jqXHR:' + jqXHR + '], [ajaxSettings:' + ajaxSettings + '], [thrownError:' + thrownError + '])');
    });

Si vous voulez obtenir une erreur de syntaxe avec le numéro de ligne, utilisez ceci

error: function(xhr, status, error) {
  alert(error);
}

La meilleure approche simple:

error: function (xhr) {
var err = JSON.parse(xhr.responseText);
alert(err.message);
}

Je l'ai utilisé et cela a parfaitement fonctionné.

error: function(xhr, status, error){
     alertify.error(JSON.parse(xhr.responseText).error);
}

Si vous ne rencontrez pas d'erreur de réseau et que vous souhaitez faire apparaître une erreur depuis le backend, pour des privilèges par exemple insuffisants, envoyez votre réponse avec un 200 et un message d'erreur. Ensuite, dans votre gestionnaire de réussite, vérifiez data.status == 'error'