XMLHttpRequest对象方法和属性及实现AJAX标准示例

以下列出XMLHttpRequest对象方法和属性，红色标记为最有可能用到的

相关方法：

abort()                                              停止当前请求

getAllResponseHeaders()                   把HTTP请求的所有响应首部作为键/值对返回

getResponseHeader("header")          返回指定首部的串值

open("method", "url")                       建立对服务器的调用。

send(content)                                   向服务器发送请求

setRequestHeader("header", "value")      把指定首部设置为所提供的值。在设置任何首部之前必须先调用open()

相关属性：

onreadystatechange   状态改变时都会触发这个事件处理器，通常调用一个JavaScript函数

readyState                  请求的状态0 = 未初始化，1 = 正在加载，2 = 已加载，3 = 交互中，4 = 完成

responseText              服务器的响应，表示为一个串

responseXML               服务器的响应，表示为XML。这个对象可以解析为一个DOM对象

status                          服务器的HTTP状态码（200对应OK，404对应Not Found（未找到），

statusText                   HTTP状态码的相应文本（OK或Not Found（未找到）等等）

一个标准的 XMLHttpRequest对象实现ajax的步骤

<script type="text/javascript">
     var xmlHttp;

        //函数一：创建XMLHttpRequest对象

        function createXMLHttpRequest() {

        //IE不同版本

            if (window.ActiveXObject) {

                try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); }

                catch (e) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}            

            }

        //非IE

            else if (window.XMLHttpRequest) {

                xmlHttp = new XMLHttpRequest();

            }

        }
              //函数二：将被调用的函数

        function startRequest () {

            createXMLHttpRequest();

            var url = "XXX.ashx?"+new Date().getTime();

            xmlHttp.onreadystatechange = handleStateChange;

            xmlHttp.open("GET", url, true);

            xmlHttp.send(null);

        }

        //函数三：状态改变的时候触发的事件函数

        function handleStateChange() {

            if (xmlHttp.readyState == 4) {

                if (xmlHttp.status == 200) {

                    var result = xmlHttp.responseText;

                    document.getElementById("validateMessage").innerText = result;

                }

            }

        }

    </script>

 

转载于:https://www.cnblogs.com/freegarden/archive/2009/10/08/1579177.html