How to catch error in jQuery's load() method

jquery ajax error-handling load
M Aung picture M Aung · Apr 15, 2009 · Viewed 52.4k times · Source

I'm using jQuery's .load() method to retrieve some data when a user clicks on a button.

After the load successfully finishes, I show the result in a <div>.

The problem is, sometimes an error occurs in load() while retrieving the data.

How can I catch an error in load()?

Answer

cgp picture cgp · Apr 15, 2009

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.

Related questions

How to get the jQuery $.ajax error response text?

I am sending an error response to my jQuery. However, I can not get the response text (in the example below this would be Gone to the beach) The only thing jQuery says is 'error'. See this example for details: …

Read More
How do I catch an Ajax query post error?

I would like to catch the error and show the appropriate message if the Ajax request fails. My code is like the following, but I could not manage to catch the failing Ajax request. function getAjaxData(id) { $.post("status.ajax.…

Read More
JSONP request error handling

I'm making an ajax jsonp request, but the failure error handling wont work. If the request is 404 or 500 it won't handle the error. I've been looking around to find an answer to this, but can't find anything. There seems to …

Read More