使用Ajax读取并解析XML文件的方法

最新推荐文章于 2021-08-06 10:08:56 发布

AAAAAdmin

最新推荐文章于 2021-08-06 10:08:56 发布

阅读量619

点赞数

文章标签： ajax xml jquery

本文链接：https://blog.csdn.net/AAAAAdmin/article/details/105243512

版权

Ajax读取并解析XML文件的方法

html文件和xml文件都需要放在服务器上，本文实例讲述了jQuery+ajax读取并解析XML文件的方法。

代码：

<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
<script type="text/javascript">
function GetXML() {
    var xmlHttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    xmlHttp.open("get", "http://13.125.56.872/projeqtor/default.xml", true);
    // 绑定回调函数
    xmlHttp.onreadystatechange = function () {
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            // 获取返回的XML数据主体内容
            var result = xmlHttp.responseXML.documentElement;
            // 获取根节点元素
            var serverIPTime = result.getElementsByTagName("serverIPTime");     
            var serverIPTime = serverIPTime[0];
            var serverIPTime= serverIPTime.firstChild.data;

            var postAPI = result.getElementsByTagName('postAPI');   
            var postAPI = postAPI[0];
            var postAPI= postAPI.firstChild.data;

            var serverIPTime=document.getElementById("serverIPTime").innerHTML = serverIPTime;
            var postAPI=document.getElementById("postAPI").innerHTML = postAPI;
            
        }
    }
    // 发送请求
    xmlHttp.send();
} 
     </script>
    </head>
    <body>
        <input type="button" value="加载XML数据" onclick="GetXML();" />   
        <br />     
        <div>serverIPTime<div id="serverIPTime"></div></div></br>
        <div>postAPI<div id="postAPI"></div></div> 
    </body>
</html>

default.xml
<socket>
<serverIPTime>https://getSeverTime</serverIPTime>
<postAPI>https://print/save</postAPI>
</socket>

实现效果：
在这里插入图片描述

AAAAAdmin

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用Ajax读取并解析XML文件的方法

Ajax读取并解析XML文件的方法html文件和xml文件都需要放在服务器上，本文实例讲述了jQuery+ajax读取并解析XML文件的方法。代码：<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head><script ty...
复制链接

扫一扫