jQuery ajax error function

ฉันมีการโทร ajax ที่ส่งผ่านข้อมูลไปยังเพจซึ่งจะส่งคืนค่า

ฉันเรียกข้อมูลการโทรที่ประสบความสำเร็จจากหน้านี้ แต่ฉันได้เข้ารหัสมันเพื่อให้เกิดข้อผิดพลาดใน asp ฉันจะดึงข้อผิดพลาดนั้นจาก jquery ได้อย่างไร?

ตัวอย่างเช่น:

cache: false,
url: "addInterview_Code.asp",
type: "POST",
datatype: "text",
data: strData,
success: function (html) {
    alert('successful : ' + html);
    $("#result").html("Successful");
},
error: function (error) {
    **alert('error; ' + eval(error));**
}

มันเป็นบิตของข้อผิดพลาดที่ฉันไม่เข้าใจ ในฟังก์ชันฉันต้องใส่พารามิเตอร์อะไรเพื่อที่ฉันจะได้ใช้ข้อความแสดงข้อผิดพลาดที่ฉันยกขึ้นในเซิร์ฟเวอร์

พารามิเตอร์ที่ต้องการในerrorฟังก์ชันAjax คือjqXHR, exceptionและคุณสามารถใช้ได้ดังนี้:

$.ajax({
    url: 'some_unknown_page.html',
    success: function (response) {
        $('#post').html(response.responseText);
    },
    error: function (jqXHR, exception) {
        var msg = '';
        if (jqXHR.status === 0) {
            msg = 'Not connect.\n Verify Network.';
        } else if (jqXHR.status == 404) {
            msg = 'Requested page not found. [404]';
        } else if (jqXHR.status == 500) {
            msg = 'Internal Server Error [500].';
        } else if (exception === 'parsererror') {
            msg = 'Requested JSON parse failed.';
        } else if (exception === 'timeout') {
            msg = 'Time out error.';
        } else if (exception === 'abort') {
            msg = 'Ajax request aborted.';
        } else {
            msg = 'Uncaught Error.\n' + jqXHR.responseText;
        }
        $('#post').html(msg);
    },
});

สาธิต FIDDLE

พารามิเตอร์

jqXHR:

มันเป็นวัตถุข้อผิดพลาดซึ่งมีลักษณะเช่นนี้

คุณยังสามารถดูสิ่งนี้ได้ในคอนโซลเบราว์เซอร์ของคุณเองโดยใช้console.logภายในerrorฟังก์ชันเช่น:

error: function (jqXHR, exception) {
    console.log(jqXHR);
    // Your error handling logic here..
}

เรากำลังใช้statusคุณสมบัติจากวัตถุนี้เพื่อรับรหัสข้อผิดพลาดเช่นถ้าเราได้รับ status = 404 หมายความว่าไม่พบหน้าที่ร้องขอ มันไม่มีอยู่เลย จากรหัสสถานะนั้นเราสามารถเปลี่ยนเส้นทางผู้ใช้ไปยังหน้าเข้าสู่ระบบหรือสิ่งที่ตรรกะทางธุรกิจของเราต้องการ

ยกเว้น:

นี่คือตัวแปรสตริงที่แสดงประเภทข้อยกเว้น ดังนั้นหากเราได้รับข้อผิดพลาด 404 exceptionข้อความจะเป็นเพียง 'ข้อผิดพลาด' ในทำนองเดียวกันเราอาจได้รับ "หมดเวลา" "ยกเลิก" เป็นข้อความยกเว้นอื่น ๆ

การเลิกประกาศ:jqXHR.success() , jqXHR.error()และjqXHR.complete()เรียกกลับจะถูกเลิกใช้เมื่อ jQuery 1.8 เพื่อเตรียมความพร้อมรหัสของคุณสำหรับการกำจัดของพวกเขาในที่สุดการใช้งานjqXHR.done(), jqXHR.fail()และjqXHR.always()แทน

ดังนั้นในกรณีที่คุณใช้jQuery 1.8 ขึ้นไปเราจะต้องอัปเดตตรรกะของฟังก์ชันความสำเร็จและข้อผิดพลาดเช่น: -

// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax("some_unknown_page.html")
    .done(function (response) {
        // success logic here
        $('#post').html(response.responseText);
    })
    .fail(function (jqXHR, exception) {
        // Our error logic here
        var msg = '';
        if (jqXHR.status === 0) {
            msg = 'Not connect.\n Verify Network.';
        } else if (jqXHR.status == 404) {
            msg = 'Requested page not found. [404]';
        } else if (jqXHR.status == 500) {
            msg = 'Internal Server Error [500].';
        } else if (exception === 'parsererror') {
            msg = 'Requested JSON parse failed.';
        } else if (exception === 'timeout') {
            msg = 'Time out error.';
        } else if (exception === 'abort') {
            msg = 'Ajax request aborted.';
        } else {
            msg = 'Uncaught Error.\n' + jqXHR.responseText;
        }
        $('#post').html(msg);
    })
    .always(function () {
        alert("complete");
    });

หวังว่าจะช่วยได้!

ลองสิ่งนี้:

error: function(jqXHR, textStatus, errorThrown) {
  console.log(textStatus, errorThrown);
}

หากคุณต้องการแจ้งส่วนหน้าของคุณเกี่ยวกับข้อผิดพลาดในการตรวจสอบความถูกต้องให้ลองส่งคืน json:

dataType: 'json',
success: function(data, textStatus, jqXHR) {
   console.log(data.error);
}

สคริปต์ asp ของคุณกลับมา:

{"error": true}

นี่คือวิธีที่คุณดึงข้อผิดพลาด asp ออก

              cache: false,
              url: "addInterview_Code.asp",
              type: "POST",
              datatype: "text",
              data: strData,
              success: function (html) {
                  alert('successful : ' + html);
                  $("#result").html("Successful");
              },
              error: function (jqXHR, textStatus, errorThrown) {
                  if (jqXHR.status == 500) {
                      alert('Internal error: ' + jqXHR.responseText);
                  } else {
                      alert('Unexpected error.');
                  }
              }

error(jqXHR, textStatus, errorThrown)

http://api.jquery.com/jQuery.ajax/

          cache: false,
          url: "addInterview_Code.asp",
          type: "POST",
          datatype: "text",
          data: strData,
          success: function (html) {
              alert('successful : ' + html);
              $("#result").html("Successful");
          },
          error: function(data, errorThrown)
          {
              alert('request failed :'+errorThrown);
          }

คุณกำลังใช้ฟังก์ชัน

error(error) 

แต่จริงๆแล้ว jquery กำลังมองหาฟังก์ชันที่มีพารามิเตอร์สามตัว:

error(jqXHR, textStatus, errorThrown)

คุณจะต้องเพิ่มพารามิเตอร์อีกสองตัว

นอกจากนี้: โปรดดูความคิดเห็นทั้งหมดด้านบนที่กล่าวถึง 'เลิกใช้งาน' :)

$.ajax("www.stackoverflow.com/api/whatever", {
    dataType:"JSON"
    data: { id=1, name='example' }
}).succes(function (result) {
    // use result
}).error(function (jqXHR, textStatus, errorThrown) {
    // handle error
});

จาก jquery.com:

The jqXHR.success(), jqXHR.error(), and jqXHR.complete()
callback methods introduced injQuery 1.5 are deprecated
as of jQuery 1.8. To prepare your code for their eventual 
removal, use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.

หากคุณต้องการเครื่องจัดการส่วนกลางคุณสามารถใช้:

.ajaxStart(), .ajaxStop(),
.ajaxComplete(), .ajaxError(),
.ajaxSuccess(), .ajaxSend()