XMLHttpRequest对象扩展问题

之前的博客中给大家介绍了创建XMLHttpRequest对象的方式和Get和Post的区别，今天介绍XMLHttpRequest对象扩展问题。

一、缓存

XMLHttpRequest对象在使用时，第一是好的，刷新一下就不行了，清楚缓存再刷新就好了。

原因：有时XMLHttpRequest请求的结果会缓存在同一个URL中

解决方法：知道了原理后，就要清空缓存，让它每次请求的url不同，每次都去服务器请求，而不是使用缓存。

加时间戳

function cache(){
if(window.XMLHttpRequest){
cachexmlhttp= new XMLHttpRequest();
if(cachexmlhttp.overrideMimeType){
cachexmlhttp.overrideMimeType("text/xml");
}
}else if (window.ActiveXObject){
var activexName = ['MSXML2.XMLHTTP.6.0','MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTP.3.0','MSXML2.XMLHTTP','Microsoft.XMLHTTP'];
for(var i= 0;i<activexName.length;i++){
try{
cachexmlhttp= new ActiveXObject(activexName[i]);
break;
}catch(e){}
}
}
if(cachexmlhttp == undefined || cachexmlhttp == null){
alert("当前浏览器不支持创建XMLHttpRequest对象，请更换浏览器");
return;
}
cachexmlhttp.onreadystatechange=function(){
if(cachexmlhttp.readyState == 4){
if(cachexmlhttp.status == 200){
var message=cachexmlhttp.responseText;
var div=document.getElementById("cachemessage");
div.innerHTML=message;
}
}
};

关键代码：

var url="cache";
if(url.indexOf("?")>=0){
//url中存在参数信息
url = url + "&t=" + (new Date()).valueOf();
}else{
url = url + "?t=" + (new Date()).valueOf();
}
cachexmlhttp.open("GET",url,true);
cachexmlhttp.send(null);
}

二、跨域

web浏览器在网络连接的时候会强制执行一个安全限制，其中就包括调用XmlHttpRequest。此安全限制组织脚本或者应用程序连接任何其他的不是来自本域的web服务。如果web程序和程序使用的xml数据来自同一服务器就ok。



但是如果访问了一个web服务器，而web服务器返回页面请求另一个服务器就会受到限制



解决方法：在web服务器上安装一个代理，可以通过调用web服务器的代理访问其他服务器。通过代理发去XMlHttpRequest请求，然后代理传递请求到web服务，并且返回客户端应用程序所需要的数据，因为所有数据来自你自己的服务器，所以浏览器不会受到限制



关键代码：

if(url.indexOf("http//")== 0){
url.replace("?","&");
url="Proxy?url" + url;

}

解决XMLHttpRequest对象的扩展问题的方法很多，大家可以查阅资料了解其他方法。