Ajax Call timeout

Question

I'm currently using a light javascript library to make ajax calls. The library is 'jx'.

And it works fine. But I would like to add a timeout in order to stop the ajax call if there is no response after a certain time. I looked around and it doesn't seems there is a timeout parameter like with jquery...

Is there a way to implement a timeout thanks to a pure javascript? Like this :

timer = setTimeout('function{stop the call}', 20000);
jx.load(url, function(data){ 
        // get the data
        clearTimeout(timer);
        }

I tried that and it's not working well ... is there an other way to do that? Or to make the ajax call syn

Fix your code. Instead of `'function{stop the call}'` it should be `function() { stop the call }`. Also, I would put the timeout after the ajax call. — PitaJ, Aug 28 '12 at 17:53
The timeout after the ajax call? why? and at the end of the timer how can I stop the call? — Guillaume le Floch, Aug 28 '12 at 18:00
The lib you're using doesn't have a cancel handler, so You won't be able to do it with this library, sry. And, I guess it wouldn't really matter where you put the setTimeout, it's just a personal preference. — PitaJ, Aug 28 '12 at 18:04
Take a look at this: http://stackoverflow.com/questions/8279035/settimeout-on-asynchronous-function — Thiago Custodio, Aug 28 '12 at 18:07
@PitaJ see my answer, it seems the library stores the `XMLHttpRequest` object into a `http` variable. — bfavaretto, Aug 28 '12 at 18:08

bfavaretto · Accepted Answer · 2012-08-28T18:26:17.493

2

If this is the library you're using, it seems to be possible:

var xhr = jx.init();
var timer = setTimeout(function(){ 
    if(xhr && xhr.abort) xhr.abort();
}, 20000);

jx.load(url, function(data){ 
    clearTimeout(timer);
});

edited Aug 28 '12 at 18:26

answered Aug 28 '12 at 18:07

bfavaretto

71,580
16
111
150

Yes I'm using this library :) I'm gonna try that right now! Thanks you! – Guillaume le Floch Aug 28 '12 at 18:10
I just added the code you pasted me. It seems like it never calls jx.http.abort(). So I get my error message thanks to the timer and then I get the response from the ajax call. – Guillaume le Floch Aug 28 '12 at 18:22
Looked at jx source again, and it seems I got it wrong the first time. Could you try the updated code above? – bfavaretto Aug 28 '12 at 18:26
@GuillaumeleFloch Are you sure you're using the latest version (3.01A)? `jx.init()` is supposed to return the xhr object, but in the [line by line explanation](http://www.openjs.com/scripts/jx/jx.php) they seem to use 3.00A, and `init` returns undefined. – bfavaretto Aug 28 '12 at 18:47
I'm gonna update the version I think I run an oldest version ... Thanks! – Guillaume le Floch Aug 28 '12 at 18:52
Ok I have the last version. The 'xhr.abort()' is executed but I stil get the ajax response ... – Guillaume le Floch Aug 28 '12 at 18:54
I don't think so ... I set the timeout to 5ms ... Thank you for all your help! and a jx.abort() won't work? – Guillaume le Floch Aug 28 '12 at 19:03
No, the library doesn't provide such a method. My code was trying to call the [`abort` method of the `XMLHttpRequest` object](https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest#abort()) – bfavaretto Aug 28 '12 at 19:06

Ajax Call timeout

1 Answers1