This tutorial explains the usage of ajaxError() method in jQuery. The ajaxError() is the jQuery Ajax event which specifies the function to be executed when Ajax requests fails to complete or completes with an error. This event is only called if an error occurred with the Ajax requests.
We can never have both success and error callback with a request. When error occurred with Ajax requests, all handlers that are attached with ajaxError() method are executed this time. According to jQuery 1.8, the ajaxError() event should be attached only to the document.
JQuery ajaxError Event Syntax
It has parameter called callback which represents a function to be run when Ajax request fails.
JQuery ajaxError Event Example
<title>JQuery ajaxError Event</title>
<h2>JQuery ajaxError Event Example</h2>
$("#mydiv").text("Error in loading the file!!!");
<div id="mydiv">Click on the button to check error message</p>
- $(“#mydiv”).load(“myajax_example.txt”); line defines load method which occurs when specified element has been loaded.
- $(document).ajaxError(function()) line specifies ajaxError() method which runs a function when the ajax request completes with an error. The ajaxError() event should be attached only to the document.
- $(“#mydiv”).text(“Error in loading the file!!!”); line specifies an error message which should display when the specified file is not found.
JQuery ajaxError Event Demo
When you run the above example, you would get the following output: