Hàm lỗi ajax của jQuery

Tôi có một cuộc gọi ajax truyền dữ liệu đến một trang mà sau đó trả về một giá trị.

Tôi đã nhận được cuộc gọi thành công từ trang nhưng tôi đã mã hóa nó để nó gây ra lỗi trong asp. Làm thế nào để tôi lấy lỗi đó từ jquery?

Ví dụ:

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

Đó là bit lỗi mà tôi không hiểu. Trong chức năng tôi cần đặt tham số nào, để sau đó tôi có thể sử dụng thông báo lỗi mà tôi đã nêu trong máy chủ.

Các tham số bắt buộc trong errorhàm Ajax là jqXHR, exceptionvà bạn có thể sử dụng nó như dưới đây:

$.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);
    },
});

DEMO FIDDLE

Thông số

jqXHR:

Nó thực sự là một đối tượng lỗi trông như thế này

Bạn cũng có thể xem điều này trong bảng điều khiển trình duyệt của riêng bạn, bằng cách sử dụng console.logbên trong errorchức năng như:

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

Chúng tôi đang sử dụng thuộc statustính từ đối tượng này để lấy mã lỗi, như nếu chúng tôi nhận được trạng thái = 404, điều này có nghĩa là không thể tìm thấy trang được yêu cầu. Nó hoàn toàn không tồn tại. Dựa trên mã trạng thái đó, chúng tôi có thể chuyển hướng người dùng đến trang đăng nhập hoặc bất kỳ logic kinh doanh nào của chúng tôi yêu cầu.

ngoại lệ:

Đây là biến chuỗi hiển thị loại ngoại lệ. Vì vậy, nếu chúng tôi gặp lỗi 404, exceptionvăn bản sẽ chỉ là "lỗi". Tương tự, chúng tôi có thể nhận được 'thời gian chờ', 'hủy bỏ' như các văn bản ngoại lệ khác.

Thông báo khấu hao: Các jqXHR.success(), jqXHR.error()và các jqXHR.complete()cuộc gọi lại bị phản đối kể từ jQuery 1.8. Để chuẩn bị mã của bạn để loại bỏ cuối cùng của họ, sử dụng jqXHR.done(), jqXHR.fail()và jqXHR.always()để thay thế.

Vì vậy, trong trường hợp bạn đang sử dụng jQuery 1.8 trở lên, chúng tôi sẽ cần cập nhật logic hàm thành công và lỗi như: -

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

Hy vọng nó giúp!

Thử cái này:

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

Nếu bạn muốn thông báo cho frontend của mình về lỗi xác thực, hãy thử trả về json:

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

Kịch bản asp của bạn trở lại schould:

{"error": true}

Đây là cách bạn kéo lỗi asp ra.

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

bạn đang sử dụng một chức năng

error(error) 

nhưng jquery thực sự đang tìm kiếm một hàm có ba tham số:

error(jqXHR, textStatus, errorThrown)

bạn sẽ cần thêm hai tham số nữa.

CSONG: xin vui lòng xem tất cả các ý kiến ​​trên có đề cập đến 'không dùng nữa' :)

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

Từ 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.

Nếu bạn muốn xử lý toàn cầu, bạn có thể sử dụng:

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