纯js Ajax 请求

var XMLHttpReq;
function createXMLHttpRequest() {
    try {
        XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP
    }
    catch(E) {
        try {
            XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE低版本创建XMLHTTP
        }
        catch(E) {
            XMLHttpReq = new XMLHttpRequest();//兼容非IE浏览器，直接创建XMLHTTP对象
        }
    }

}
function sendAjaxRequest(url) {
    createXMLHttpRequest();                                //创建XMLHttpRequest对象
    XMLHttpReq.open("post", url, true);
    XMLHttpReq.onreadystatechange = processResponse; //指定响应函数
    XMLHttpReq.send(null);
}
//回调函数
function processResponse() {
    if (XMLHttpReq.readyState == 4) {
        if (XMLHttpReq.status == 200) {
            var text = XMLHttpReq.responseText;

            /**
             *实现回调
             */
            text = window.decodeURI(text);
            var cp = document.getElementById("cp");
            cp.innerHTML = "";
            var values = text.split("|");
            for (var i = 0; i < values.length; i++) {
                var temp = document.createElement("option");
                temp.text = values[i];
                temp.value = values[i];
                cp.options.add(temp);
            }


        }
    }

}

评论

4 楼 hw_imxy 2015-09-01  

yanwushu 写道

if (XMLHttpReq.readyState == 4) { 
        if (XMLHttpReq.status == 200) { 

这种代码：4和200代表什么含义，至少说说吧，看这种魔法数很头疼呀！

这你都不知道你还写啥程序？

3 楼 393799950 2014-11-04  

wzwahl36 写道

这个兼容性如何？

这个恶兼容性是可以的。
以前我在学校的时候我们就是用这种方式，那时候jQuery国内才有少部分开始在用。

2 楼 wzwahl36 2014-08-06  

这个兼容性如何？

1 楼 yanwushu 2013-09-19  

if (XMLHttpReq.readyState == 4) { 
        if (XMLHttpReq.status == 200) { 

这种代码：4和200代表什么含义，至少说说吧，看这种魔法数很头疼呀！