Detailed explanation of jQuery AJAX error handling function and FAQ

This article will explore jQuery AJAX error handling functions in depth and answer common questions.

Core code example:

Use the .ajaxError() method to handle AJAX error globally:

$(document).ajaxError(function(event, request, settings) {
  $("#msg").append("請(qǐng)求頁(yè)面 " + settings.url + " 發(fā)生錯(cuò)誤");
});

A more detailed error handling method, you can obtain the status code based on the jqXHR object:

$(function() {
    $.ajaxSetup({
        error: function(jqXHR, exception) {
            switch (jqXHR.status) {
                case 0:
                    alert('網(wǎng)絡(luò)連接失敗，請(qǐng)檢查網(wǎng)絡(luò)。');
                    break;
                case 404:
                    alert('請(qǐng)求的頁(yè)面未找到 [404]。');
                    break;
                case 500:
                    alert('服務(wù)器內(nèi)部錯(cuò)誤 [500]。');
                    break;
                case 'parsererror':
                    alert('JSON 解析失敗。');
                    break;
                case 'timeout':
                    alert('請(qǐng)求超時(shí)。');
                    break;
                case 'abort':
                    alert('AJAX 請(qǐng)求被中斷。');
                    break;
                default:
                    alert('未知錯(cuò)誤：\n' + jqXHR.responseText);
            }
        }
    });
});

FAQs:

1. How to handle multiple AJAX errors in jQuery?

Just use .ajaxError() method. This is a global event handler that will trigger every AJAX error unless the request is explicitly suppressed.

2. What is the difference between .ajaxError() and .ajaxComplete()?

Both are global event handlers for AJAX requests, but have different uses: .ajaxError() Triggers only when an AJAX request error occurs; .ajaxComplete() Triggers regardless of whether the request is successful or not.

3. How to use jQuery AJAX error handling to display custom error messages?

Specify a custom error message in the function of the .ajaxError() method, for example:

$(document).ajaxError(function(event, jqxhr, settings, thrownError) {
  alert('自定義錯(cuò)誤：' + thrownError);
});

4. How to use jQuery AJAX error handling to handle specific HTTP error codes?

Use the .statusCode() method. This method allows you to specify the function executed when returning a specific HTTP status code.

5. Can jQuery AJAX error handling be used with JSONP?

Yes, but due to the nature of JSONP, error handling capabilities are limited. Since the JSONP request was not initiated using XMLHTTPRequest, the error cannot be caught using the .ajaxError() or .error() methods.

6. How to suppress global AJAX error handling for specific requests?

Set the .ajax() option to global in the false method.

7. How to deal with timeout errors in jQuery AJAX?

Set the .ajax() option in the timeout method and use .ajaxError() to handle the error.

8. How to debug jQuery AJAX error?

Use the .ajaxError() method, which provides event objects, jqXHR objects, AJAX settings used in the request, and errors thrown, which helps identify and debug errors.

9. Can jQuery AJAX error handling be used with other jQuery AJAX methods (such as .load(), .get(), .post())?

Yes, these methods use the .ajax() method internally, so the global AJAX error handler will fire when these methods have an error.

10. How to deal with parser errors in jQuery AJAX?

Use the .ajaxError() method. A parser error occurs when the server returns a data format that jQuery cannot parse. This error can be recognized by checking the .ajaxError() parameter in the thrownError method.

I hope the above information will be helpful to you.

The above is the detailed content of jQuery Ajax Error Handling Function. For more information, please follow other related articles on the PHP Chinese website!