Question

javascript实现原生ajax的几种方法介绍

Answer 1

<script type="text/javascript">
        //定义XmlhttpRequest对象
        var xmlrequest;
        //完成对对象XmlHttpRequest对象的初始化
        function createXmlHttpRequest(){
            if(window.XMLHttpRequest){
                //DOM 2浏览器
                xmlrequest = new XMLHttpRequest();
            }else if(window.ActiveXObject){
                //IE 浏览器
                try{
                    xmlrequest = new ActiveXOPbject("Msxml2.XMLHTTP");
                }catch(e){
                    try{
                        xmlrequest = new ActiveXObject("Microsoft.XMlHTTP");
                    }catch(e){
                        
                    }                   
                }
            }
        }
        //事件处理函数，当下拉列表选择改变时，触发改事件
        function change(id){
            //初始化XMLHttpRequest对象
            createXmlHttpRequest();
            //设置请求响应的URL
            var url = "second.jsp?id="+id;
            //打开与服务器响应地址的连接xmlrequest.open(method,url,async,user,password)
            xmlrequest.open("POST",url,true);
            //设置请求头(Post必须设置，GET方式不需要)
            xmlrequest.setRequestHeader("Context-Type","application/x-www-form-urlencoded");
            //设置处理响应的回调函数，此函数processResponse是自己定义的
            xmlrequest.onreadystatechange = processResponse;
            //发送请求
            xmlrequest.send(null);
        }
        //定义处理响应的回调函数
        function processResponse(){
            //响应完成且响应正常
            if(xmlrequest.readyState == 4){
                if(xmlrequest.status == 200){
                    //信息已经成功返回，开始处理信息
                    var headers = xmlrequest.getAllResponseHeaders();
                    //通过警告框输出相应头
                    alert("相应头的类型 "+ typeof headers + "\n" + headers);
                    //在页面输出所有的相应头
                    document.getElementById("output").innerHTML = headers;
                }else{
                    //页面不正常
                    window.alert("您所请求的页面异常。");
                }
            }
        }
    </script>

采纳啊。。。。。。。。。。。。。。。