Javascript Ajax 请求

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

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

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用Ajax创建XMLHttpRequest对象，并通过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);  
                }  
      
      
            }  
        }  
      
    }