วิธีรับข้อความตอบกลับข้อผิดพลาด jQuery $ .ajax

ฉันกำลังส่งข้อผิดพลาดไปยัง jQuery ของฉัน อย่างไรก็ตามฉันไม่สามารถรับข้อความตอบกลับ (ในตัวอย่างด้านล่างนี้จะหายไปที่ชายหาด )

สิ่งเดียวที่ jQuery กล่าวคือ 'ผิดพลาด'

ดูตัวอย่างนี้สำหรับรายละเอียด:

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 ! ");
    }
});

ตอนนี้ผลของฉันคือ:

เข้าสู่ระบบ:

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

การแจ้งเตือน:

ไม่สามารถทำได้เพราะ: เกิดข้อผิดพลาด

ความคิดใด ๆ

ลอง:

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

สำหรับฉันมันใช้งานได้ง่าย:

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

ดูresponseTextคุณสมบัติของพารามิเตอร์คำขอ

ตามที่แนะนำในท้ายที่สุดโดยคำตอบอื่น ๆ และความคิดเห็นในหน้านี้:

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

นี่คือสิ่งที่ได้ผลสำหรับฉัน

    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);
        }
    }

สิ่งนี้จะช่วยให้คุณเห็นการตอบสนองทั้งหมดไม่เพียง แต่ค่า "responseText"

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

คุณสามารถลองได้เช่นกัน:

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

หากคุณต้องการได้รับข้อผิดพลาดทางไวยากรณ์กับหมายเลขบรรทัดใช้สิ่งนี้

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

วิธีการง่าย ๆ ที่ดีที่สุด:

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

ฉันใช้สิ่งนี้และทำงานได้อย่างสมบูรณ์

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

หากคุณไม่ได้มีข้อผิดพลาดของเครือข่ายและต้องการแสดงข้อผิดพลาดจากแบ็กเอนด์สำหรับสิทธิ์พิเศษไม่เพียงพอเซิร์ฟเวอร์ตอบสนองของคุณด้วย 200 และข้อผิดพลาด จากนั้นในเครื่องมือจัดการความสำเร็จของคุณให้ตรวจสอบ data.status == 'error'