使用XMLHttpRequest来获取xml文档

使用XMLHttpRequest获取XML文档时候需要注意这个文档必须和自己在同一个域中，及同一个域名下或者同一个目录中，如果不是会出现拒绝访问错误。

语法格式：XMLHttpRequest.open(请求方式，请求文件的URL，同步方式)；

方法有3个参数：

请求方式：可以使GET,POST,HEAD中的一种；

请求文件的URL，直接用相对路径即可；

同步方式：表示请求发出后是等待回应（false）还是继续执行下面的代码（true）。

<script language="javascript" type="text/javascript">
        var xmlObj = false;
        //判断是否是IE浏览器
        if (window.ActiveXObject) {
            xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if (window.XMLHttpRequest) {
            //判断是否是火狐浏览器
            xmlObj = new XMLHttpRequest();
        }
        xmlObj.open('GET', 'rss.xml', true);
        //使用异步方式所以要在XMLHttpRequest对象的状态改变时做相应的处理
        xmlObj.onreadystatechange = function () {
            //判断XMLHttpRequest的状态，如果是4 ，继续处理
            if (xmlObj.readyState == 4) {
                //需要判断返回状态时否是200
                if (xmlObj.status == 200) {
                    DoXml();
                }
            }
        }
        //发送请求，因为是GET,所以send的内容是null
        xmlObj.send(null);
        function DoXml() {
            var xmlDoc = xmlObj.responseXML;
            var arrayList = xmlDoc.getElementsByTagName("item");
            var html = "";
            for (var i = 0; i < arrayList.length; i++) {
                html = html + "<a href='" + arrayList[i].getElementsByTagName("link")[0].firstChild.data + "'>" + arrayList[i].getElementsByTagName("title")[0].firstChild.data + "</a>"
                html = html + arrayList[i].getElementsByTagName("pubDate")[0].firstChild.data + "<br/>";
            }
            document.getElementById("mydiv").innerHTML = html;
        }
    </script>

readyState状态值	描述
0	未初始化
1	正在装载
2	装载完毕
3	交互中
4	完成

 

 

 

 

所以只有当readyState=4是，一个完整的服务器响应已经收到啦，函数才可以处理该响应。

在这个函数中，首先要检查请求的状态，只有当一个完整的服务器响应已经收到，函数才可以处理该响应，XMLHttpRequest提供了readyState属性来对服务器响应进行判断。