js ajax请求

最新推荐文章于 2019-09-28 09:50:49 发布

转载最新推荐文章于 2019-09-28 09:50:49 发布 · 58 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hwaggLee/p/4814004.html

本文详细介绍了如何使用XMLHttpRequest对象来实现Ajax异步请求，包括在不同浏览器中创建对象的方法，发送POST请求，以及如何处理服务器响应。通过示例代码展示了如何解析返回的数据并更新页面元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);  
            }  
  
  
        }  
    }  
  
}