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