Question

I’ve isolated the issue here:

http://jsfiddle.net/ajkochanowicz/pEnMw/2/

Basically, I’m trying to add a feature in my script to look for a local version of the .js file if the CDN-hosted one fails. So it seems appropriate to load that script in .done or error or complete, but none of those work.

Clarification: Looking for a solution which works with user-defined js files, so testing for individual functions in each is not feasible.

There are a lot of questions with this similar topic already on SO, but all that I’ve found are about getting the request to work at all, or handling JSON(P) requests. 🙁 I’m interested in error handling with .js files.

Thanks.

Answer 1

There’s no way to know if a script element failed to load, so the only solution is to add a timeout.

Quoting jQuery’s ajax documentation (settings.error section):

error(jqXHR, textStatus, errorThrown)

[….]

Note: This handler is not called for cross-domain script and JSONP requests.

I’ve updated your fiddle to include the timeout:

$.ajax({
    type: "GET",
    url: urlVar,
    dataType: 'script',
    timeout : 5000,
    success: function(data) {
        alert('it worked');
    },
    error: function(xhr, ajaxOptions, thrownError) {
        alert('it did not work');
    },
});