admin 发表于 2018-12-4 16:35:56

ajax异步请求xml解析示例

完成代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>AJAX获取XML</title>
      <script>
                function ajaxRequest(){
                        var xmlhttp;
                        if(window.XMLHttpRequest){
                              xmlhttp = new XMLHttpRequest();
                        }else if(window.ActiveXObject){
                              xmlhttp = new ActiveXObject(Microsoft.XMLHTTP);
                        }else{
                              alert("你的浏览器不支持ajax!");
                        }
                        xmlhttp.onreadystatechange = function(){
                              if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
                                        var txt, x, i;
                                        var xmlDom = xmlhttp.responseXML;
                                        var xmlRoot = xmlDom.documentElement;
                                        txt="";
                                        var xmlItem = xmlDom.getElementsByTagName("item");
                                                txt = txt+xmlItem.childNodes.nodeValue + "<br>"
                                                alert(txt);
                              }
                        }
                        xmlhttp.open("GET", "data.xml", true);
                        xmlhttp.send();
                }
      </script>
</head>

<body>
      <input type="button" value="提交" onClick="ajaxRequest()">
</body>
</html>xml原文如下:
<?xml version="1.0" encoding="utf-8"?>
<root>
        <item>Welcome to the world of AJAX(Asynchorous Javascript and XML)</item>
        <item>大白兔,欢迎来到AJAX世界(异步Javascript和XML)</item>
</root>

这是解析xml实例。
页: [1]
查看完整版本: ajax异步请求xml解析示例