This callback function has three different parameters: parameter 1: It contains the result of the content if the method call succeeds. parameter 2: It contains the status of the call function. parameter 3: It contains the XMLHttpRequest object.
Syntax: $(selector). load(URL,data,callback);
If an AJAX request fails, you can react to the failure inside the callback function added via the fail() function of the object returned by the $. ajax() function. Here is a jQuery AJAX error handling example: var jqxhr = $.
load() documentation.
Just a little background on how a load error happens...
$("body").load("/someotherpath/feedsx.pxhp", {limit: 25},
function (responseText, textStatus, req) {
if (textStatus == "error") {
return "oh noes!!!!";
}
});
Edit: Added a path other than the root path as requested by comments.
Besides passing a callback to the load() function as Ólafur Waage suggests, you can also register "global" error handlers (global as in global for all ajax calls on the page).
There are at least two ways to register global Ajax error handlers :
Register just the error handler with ajaxError()
:
$.ajaxError(function(event, request, settings) {
alert("Oops!!");
});
Or, use ajaxSetup()
to set up an error handler and other properties at the same time:
$.ajaxSetup({
timeout: 5000,
error: function(event, request, settings){
alert("Oops!");
}
});
load() offers a callback.
Callback.
The function called when the ajax request is complete (not necessarily success).
This is how its done IIRC. (haven't tested it)
$("#feeds").load("feeds.php", {limit: 25},
function (responseText, textStatus, XMLHttpRequest) {
// XMLHttpRequest.responseText has the error info you want.
alert(XMLHttpRequest.responseText);
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With