Open In App

jQuery ajaxError() Method

Improve
Improve
Like Article
Like
Save
Share
Report

The ajaxError() method in jQuery is used to specify a function to be run when an AJAX request fails.

Syntax:

$(document).ajaxError( function(event, xhr, options, exc) )

Parameters: This method accepts single parameter function which is mandatory. This function accepts four parameters which are listed below:

  • event: This parameter holds the event object.
  • xhr: It holds the XMLHttpRequest object.
  • options: It contains the used options in AJAX request.
  • exc: It holds the JavaScript exception.

The demo.txt file is stored on the server and it will load after clicking the change content button.

demo.txt

This is GFG.

Example 1: This example changes the content of <p> element, by taking the data from server. When the AJAX request fails due to an error, the page says

AJAX request fails.

html




<!DOCTYPE html>
<html>
 
<head>
    <script src=
    </script>
 
    <!-- Script to use ajaxError() method -->
    <script>
        $(document).ready(function () {
            $(document).ajaxError(function () {
                alert("AJAX request fails.");
            });
 
            $("button").click(function () {
                $("#paragraph").load("demo.txt");
            });
        });
    </script>
</head>
 
<body style="text-align:center;">
 
    <div id="div_content">
 
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
 
        <p id="paragraph" style="font-size: 20px;">
            A computer science portal for geeks
        </p>
    </div>
 
    <button>
        Change Content
    </button>
</body>
 
</html>


Output:

jquery-74

Example 2: This example changes the content of <h1> element, by taking the data from the server. When the AJAX request fails due to an error, the page says AJAX request fails.

demo.txt

This is GFG.

html




<!DOCTYPE html>
<html>
 
<head>
    <script src=
    </script>
 
    <!-- Script to use ajaxError() method -->
    <script>
        $(document).ready(function () {
            $(document).ajaxError(function () {
                alert("AJAX request fails.");
            });
 
            $("button").click(function () {
                $("#heading").load("demo.txt");
            });
        });
    </script>
</head>
 
<body style="text-align:center;">
 
    <div id="div_content">
 
        <h1 id="heading" style="color: green;">
            GeeksforGeeks
        </h1>
 
        <p style="font-size: 20px;">
            A computer science portal for geeks
        </p>
    </div>
 
    <button>
        Change Content
    </button>
</body>
 
</html>


Output:

jquery-75



Last Updated : 12 Jul, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads