How to get the jQuery $.ajax error response text?

Question

I am sending an error response to my jQuery. However, I can not get the response text (in the example below this would be Gone to the beach)

The onl

Answer 1

you can try it too:

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

Answer 2

Look at the responseText property of the request parameter.

Answer 3

This will allow you to see the whole response not just the "responseText" value

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

Answer 4

The best simple approach :

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

Answer 5

If you want to get Syntax Error with line number, use this

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

Answer 6

If you're not having a network error, and wanting to surface an error from the backend, for exmple insufficient privileges, server your response with a 200 and an error message. Then in your success handler check data.status == 'error'