javascript - How to set up ajax time out? - Stack Overflow

admin管理员组

文章数量:1341748

I have this code to time out ajax call after 40 secs:

if (xmlhttp) {
    xmlhttp.open("GET", MY_SERVLET, true);              xmlhttp.onreadystatechange = showResults;               
    xmlhttp.send(null);
    var httpTimeOut=setTimeout("ajaxTimeout();",40000);
            }

        function ajaxTimeout() {
            xmlhttp.abort();
        document.getElementById('errorShow').innerHTML = "Request Timed out";
            }

However I am unable to test this due to environment constraints at my place. Can anyone please tell if this is correct or any modifications are required??

I have this code to time out ajax call after 40 secs:

if (xmlhttp) {
    xmlhttp.open("GET", MY_SERVLET, true);              xmlhttp.onreadystatechange = showResults;               
    xmlhttp.send(null);
    var httpTimeOut=setTimeout("ajaxTimeout();",40000);
            }

        function ajaxTimeout() {
            xmlhttp.abort();
        document.getElementById('errorShow').innerHTML = "Request Timed out";
            }

However I am unable to test this due to environment constraints at my place. Can anyone please tell if this is correct or any modifications are required??

• javascript
• ajax
• timeout
• settimeout

Share Improve this question Follow edited Sep 2, 2011 at 12:47 BalusC 1.1m376376 gold badges3.7k3.7k silver badges3.6k3.6k bronze badges asked Sep 2, 2011 at 6:51 buzz3110buzz3110 4111 gold badge11 silver badge33 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

Should fix that:

if (xmlhttp) {
    xmlhttp.open("GET", MY_SERVLET, true);
    xmlhttp.onreadystatechange = showResults;               
    xmlhttp.send(null);
    setTimeout(function() {  xmlhttp.abort()  },40000);

since ajaxTimeout function can't "see" xmlhttp variable, but we can use anonymous function to have access to local variables.

Yet another approach is to use jQuery.ajax so the library would take care of it.

Your code would look like so:

$.ajax({
    url: MY_SERVLET,
    async: true,
    timeout: 40000,
    success: function(args) { 
        // on success code
    }
})

本文标签： javascriptHow to set up ajax time outStack Overflow