xml文件

<?xml version="1.0" encoding="utf-8"?>

<root>

  <data id="1">

    <name>ceun</name>

    <age>21</age>

  </data>

  <data id="2">

    <name><![CDATA[张三]]></name>

    <age>22</age>

  </data>

  <data id="3">

    <name>jake</name>

    <age>23</age>

  </data>

  <data id="4">

    <name>hello</name>

    <age>20</age>

  </data>

  <data id="5">

    <name>Paul</name>

    <age>25</age>

  </data>

  <Page>

    <Timer>1</Timer>

  </Page>

</root>

js读取

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title></title>

    <script>

        var xmlDoc = null, xmlhttp = null;

        function loadXML() {

            xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");

            if (xmlhttp == null) {

                alert("你的浏览器不支持 XMLHttpRequest");

                return;

            }

            xmlhttp.open("GET", "../xml1.xml", true);

            xmlhttp.setRequestHeader("Content-Type", "text/xml");

            xmlhttp.onreadystatechange = getmessage;

            xmlhttp.send(null);

        }

        function getmessage() {

            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

                xmlDoc = xmlhttp.responseXML.documentElement;

                if (xmlDoc == null) {

                    alert("返回的数据不正确。");

                    return;

                }

                document.getElementById('p1').innerText = xmlDoc.getElementsByTagName('name')[0].childNodes[0].nodeValue;

            }

        }

    </script>

</head>

<body onload="loadXML()">

    <p id="p1"></p>

</body>

</html>

参考：https://blog.csdn.net/ywb201314/article/details/49705965

最新文章

  1. 从阿里巴巴笔试题看Java加载顺序
  2. fc-san
  3. sql server 日期相关操作
  4. android 模拟器
  5. Node.js（2）-protobuf zeromq gzip
  6. [Angular2 Form] Understand the Angular 2 States of Inputs: Pristine and Untouched
  7. uvalive 4255 Guess（拓扑排序）
  8. NETBSD-DTARCE
  9. 用SSH解决大局域网反向端口转发问题
  10. Java微信公众平台开发之OAuth2.0网页授权
  11. linux 系统centOS 7 怎么在线安装mysql
  12. Jenkins结合.net平台综合之完整示例项目
  13. ip通信第七周
  14. 使用PHPExcel导出数据库表结构及内容
  15. C# Note1:深入浅出WPF－MVVM篇
  16. Hadoop 系列文章(一) Hadoop 的安装,以及 Standalone Operation 的启动模式测试
  17. 影响 POST 请求文件上传失败的几个环节的配置（php + nginx）
  18. Ext.js入门：模板（四）
  19. keepalived nginx 双机热备图文讲解
  20. leetcode701

热门文章

  1. MySQL入门——在Linux下安装和卸载MySQL
  2. 尉蓝色的P2P金融众筹平台手机模板
  3. FCC---Animate Elements Continually Using an Infinite Animation Count---设置animation-iteration-count的次数为无限，让小球一直跳动
  4. js addEventListener事件多次绑定问题
  5. QML::基本属性类型
  6. Android 安全攻防（一）：SEAndroid的编译
  7. bayaim_hadoop1_2.2.0伪分布式搭建
  8. 删除带外键的表【foreign key constraint fails】报错
  9. 无法打开“Visual Studio Code”，因为Apple无法检查其是否包含恶意软件。”的问题解决
  10. 往对象数组里面添加相同的key 不同的value 和删除相同的key值