XMLHttpRequest设置超时
2016-06-01 00:00
501 查看
摘要: XMLHttpRequest是js原生的对象,没有timeout的属性,所以需要我们手动给他设置。
下面是一种解决方法,就是利用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");
}
下面是一种解决方法,就是利用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");
}
相关文章推荐
- XMLHTTPRequest的属性和方法简介
- 使用Ajax技术通过XMLHttpRequest对象完成首页登录功能
- ajax 入门基础之 XMLHttpRequest对象总结
- JSP XMLHttpRequest动态无刷新及其中文乱码处理
- Ajax xmlHttpRequest的status的值的含义
- php模拟asp中的XmlHttpRequest实现http请求的代码
- AJAX XMLHttpRequest对象详解
- 解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题
- 浅谈jQuery异步对象(XMLHttpRequest)
- 浅析XMLHttpRequest的缓存问题
- javascript XMLHttpRequest对象全面剖析
- 关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
- [Ajax-相濡以沫,不如相忘于江湖] Ajax核心: XMLHttpRequest对象
- Ajax核心XMLHttpRequest总结
- 学习笔记---使用prototype.js扩展struts标签实现xmlhttprequest
- 忍受AJAX
- jQuery复习---word
- php里面使用ajax的基本过程
- 基于JAVA技术使用AJAX
- js正则表达式