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的同源策略有关。