Ajax基本示例二

来源：互联网发布：淘宝网0岁宝宝童装编辑：程序博客网时间：2024/05/13 01:19

获取XML：

<?xml version="1.0" encoding="utf-8" ?><users>  <user>    <name>张三</name>  </user>  <user>    <name>李四</name>  </user>  <user>    <name>王五</name>  </user>  <user>    <name>赵六</name>  </user></users>

<html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server">    <title></title>    <script type="text/javascript">        var xmlhttp;        function createDemo() {            if (window.XMLHttpRequest) {                xmlhttp = new XMLHttpRequest();            }            else if (window.ActiveXObject) {            var ieArr = ["Msxml2.XMLHTTP.8.0", "Msxml2.XMLHTTP.7.0", "Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.3.0", "Msxml2.XMLHTTP", "Microsoft.XMLHTTP"];            for (var i = 0; i < ieArr.length; i++) {                try {                    xmlhttp = new ActiveXObject(ieArr[i]);                }                catch (e) { } //抛异常，直到找到合适的版本            }            }        }        function sendDemo() {            createDemo();            xmlhttp.onreadystatechange = disDemo;            xmlhttp.open("GET", "EMP.xml", true);            xmlhttp.send(null);        }        function disDemo() {            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {                var data = xmlhttp.responseXML;                //获取XML文件的根                var xmldom = data.documentElement;                //根据Xpath获取所有的对应节点                var info = xmldom.getElementsByTagName('name');                var str = "";                for (var i = 0; i < info.length; i++) {                    str += info[i].firstChild.data+",";                }                    document.getElementById("list").innerHTML = str;            }        }    </script></head><body>    <form id="form1" runat="server">    <div>        <input id="Button1" type="button" value="获取xml"  onclick="sendDemo();"/>        <div id="list">                </div>    </div>    </form></body></html>