分享

给XMLHttpRequest设置超时时间

 498320858 2011-04-12
在Web开发中,经常要用到Ajax技术,有时因为功能很简单,不想利用现成的框架,就只是想利用XMLHttpRequest来手动处理Ajax功能,这时,会遇到一个很现实的问题,就是Ajax请求的超时问题。如果我们利用Jquery这样的框架,是可以直接设定超时时间的,但是XMLHttpRequest对象并没有设置超时的属性,怎么办呢?总不能让页面一直请求吧?@_@
  下面是一种解决方法,就是利用setTimeout和clearTimeout方法,思路如下:在调用XMLHttpRequest的send方法后,调用setTimeout方法,设置超时时间值。在调用成功的方法内,调用clearTimeout()方法清除超时设置。

function createXMLHttpRequest() {
    var request = false;
    if(window.XMLHttpRequest) {
        request = new XMLHttpRequest();
        if(request.overrideMimeType) {
            request.overrideMimeType('text/xml');
        }
    } else if(window.ActiveXObject) {
        var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP',

'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0',

'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
        for(var i=0; i
<versions.length; i++) {
            try {
                request 
= new ActiveXObject(versions[i]);
                if(request) {
                    return request;
                }
            } catch(e) {}
        }
    }
    return request;
}

function ajax(xmlhttp,_method, _url, _param, _callback) {
    if (typeof xmlhttp 
== 'undefined') return;
    xmlhttp.onreadystatechange 
= function() {
        if (xmlhttp.readyState
==4 && xmlhttp.status==200) {
            _callback(xmlhttp);
        }
    }
    xmlhttp.open(_method, _url, true);
    if (_method 
== "POST") {
        xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xmlhttp.setRequestHeader("Content-Length", _param.length);
        xmlhttp.send(_param);
    }
    else {
        xmlhttp.send(null);
    }
}


//使用举例

var xmlhttp 
= createXMLHttpRequest();
var t1; //用来作超时处理


function adduserok(request) {
    alert(request.responseText);
    if (t1) clearTimeout(t1);
}

function connecttoFail() {
    if (xmlhttp) xmlhttp.abort();
    alert ('Time out');
}

if (xmlhttp) {
    ajax(xmlhttp,"POST", "http://10.1.2.187/adduser.cgi","act
=do&user=abc",adduserok);
    
t1 = setTimeout(connecttoFail,30000);
}
else {
    alert ("Init xmlhttprequest fail");
}

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多