Ajax基本示例二

最新推荐文章于 2024-08-09 10:00:18 发布

别有滋味

最新推荐文章于 2024-08-09 10:00:18 发布

阅读量357

点赞数

分类专栏： AJAX 文章标签： ajax xmlhttprequest function button user encoding

AJAX 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

获取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"  οnclick="sendDemo();"/>
        <div id="list">
        
        </div>
    </div>
    </form>
</body>
</html>