Question

Possible Duplicate:
jquery $.ajax timeout setting

The timeout works, but when the timeout occurs, I want to execute a function. do you have any ideas how to do this?

$.ajax({
    type: "GET", 
    url: "xajax.php", 
    timeout: 100, 
    data: "name=John&location=Boston", 
    success: function(msg) {
        alert( "Data Saved: " + msg );
    }
});

Answer 1

Use complete:

A function to be called when the request finishes (after success and
error callbacks are executed). The function gets passed two arguments:
The jqXHR (in jQuery 1.4.x, XMLHTTPRequest) object and a string
categorizing the status of the request (“success”, “notmodified”,
“error”, “timeout”, “abort”, or “parsererror”). As of jQuery 1.5, the
complete setting can accept an array of functions. Each function will
be called in turn. This is an Ajax Event.

or error:

A function to be called if the request fails. The function receives
three arguments: The jqXHR (in jQuery 1.4.x, XMLHttpRequest) object, a
string describing the type of error that occurred and an optional
exception object, if one occurred. Possible values for the second
argument (besides null) are “timeout”, “error”, “abort”, and
“parsererror”. When an HTTP error occurs, errorThrown receives the
textual portion of the HTTP status, such as “Not Found” or “Internal
Server Error.” As of jQuery 1.5, the error setting can accept an array
of functions. Each function will be called in turn. Note: This handler
is not called for cross-domain script and JSONP requests. This is an
Ajax Event.

Here is an example using complete:

    $.ajax({ 
    type: "GET", 
    url: "xajax.php", 
    timeout: 100, 
    data: "name=John&location=Boston", 
    success: function(msg){ alert( "Data Saved: " + msg ); },
    complete: function(jqXHR, textStatus) { 
        if (textStatus == "timeout") {
           alert('timeout');
        }
    }
    });