javascript中的AJAX

Ajax 技术的核心是XMLHttpRequest 对象（简称XHR），这是由微软首先引入的一个特性，其他

浏览器提供商后来都提供了相同的实现。

IE7+、Firefox、Opera、Chrome 和Safari 都支持原生的XHR 对象

在IE的老浏览器中可能会遇到三种不同版本的XHR 对象，即MSXML2.XMLHttp MSXML2.XMLHttp.3.0 和MXSML2.XMLHttp.6.0

要跨浏览器的话可以用下面的代码：

function createXHR(){//生成XHR对象
if(typeof XMLHttpRequest=="function"){
return new XMLHttpRequest();//原生的xhr对象
}esle if(typeof ActiveXObject!="undefined"){//ie7-系列
var version=['MSXML2.XMLHttp.6.0','MSXML2.XMLHttp.3.0','MSXML2.XMLHttp'];
for(var i=0;i<version.length;i++){
try{
return new ActiveXObject(version[i]);
}catch(e){
//跳过
}
}
}
else{
throw new Error("not support the createXMR method");
}
}
function ajax(method,url,data,async){
/*
method:表示是以get还是post方法请求
ulr：请求的url
data：发送的数据
async：同步还是异步，fasle表示同步，true表示异步
*/
var xhr=createXHR();

/*如果是以get方式发送数据的话，数据是加载在url后面，以name=value的方式，如： http://www.vip.com/0308?tagId=manjian298&f=oper_2  */

if（method=="get"）{//get方式请求数据
url=url+"?"+data;
}
xhr.onreadystatechange = function(){
if (xhr.readyState == 4){
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304){
alert(xhr.responseText);//这里可以执行回调函数
} else {
alert("Request was unsuccessful: " + xhr.status);
}
}
};
xhr.open(method,url, async);//
//如果是post请求的话，还有加上下面这句
if（methhod=="post"）{
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(data);
}else{
xhr.send(null);//如果是以get方式请求的话，则为null；
}
}

注意：只能向同一个域中使用相同端口和协议的URL 发送请求。如果URL 与启动请求的页面有任何差别，都会引发安全错误。这与web的同源策略有关。