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

JS读取xml的更多相关文章

  1. Js读取XML文件为List结构

    习惯了C#的List集合,对于Javascript没有list 极为不舒服,在一个利用Js读取XML文件的Demo中,决定自己构建List对象,将数据存入List. 第一步,Js读取XML文件知识 X ...

  2. JS读取XML文件数据并以table显示数据(兼容IE火狐)

    先看xml文件: <?xml version="1.0" standalone="yes"?> <student> <stuinf ...

  3. IE下JS读取xml文件示例代码

    JS读取xml文件具体步骤为:创建DOM对象.加载xml文件(仅适用于IE)附示例代码,感兴趣的朋友可以参考下,希望对大家有所帮助使用javascript脚本读取xml文件,这里暂只考虑IE浏览器st ...

  4. jQuery、JS读取xml文件里的内容（JS先通过document.implementation.createDocument方法将xml转换成document对象，jQuery将读取到的xml转成table）

    xml文件:test.xml <?xml version="1.0"?> <note> <to>George</to> <fr ...

  5. js 读取xml文件

    读取xml文件 [原创 2007-6-20 17:35:37]     字号:大 中 小 js中读取xml文件,简单的例子: <html><head><script> ...

  6. ajax 之js读取xml的多浏览器兼容

    主要是分为两大类:IE.其它浏览器 IE8以下只支持这种 InputVoltage.innerText = xmlDoc.getElementsByTagName(id)[0].text, 其它浏览器 ...

  7. js读取xml文件

    假设我们现在要读取下面的 info.xml 文件 <?xml version="1.0" encoding="gb2312"?> <root& ...

  8. [HTML]js读取XML文件并解析

    xml文件:test.xml <?xml version="1.0"?> <note> <to>George</to> <fr ...

  9. 【JavaScript】JS读取XML文件并进行搜索

    需求效果 点击链接.当前页面载入xml文件并展示相应内容 通过搜索框.搜索xml文件内节点数据.展示包括内容的节点数据 功能实现 Demo终于实现效果 http://loadxmldemo.coder ...

随机推荐

  1. JavaWeb之Fliter & Listener

    Fliter & Listener Listener 监听器 作用 监听某一事件的发生.状态的改变. 监听器内部实现机制 接口回调 接口回调 A在执行循环,当循环到5的时候, 通知B. 事先先 ...

  2. 关于es6及以上的js编译成es5

    问题:es6及以上版本在IE浏览器上不能执行起来,但Chrome浏览器上轻松运行,解决兼容IE的问题就需要使用babel:这个可以去babel的官网去查看; 关于babel的简单使用,有两种方式: 1 ...

  3. 《0day安全软件漏洞分析技术》学习笔记

    最近因为工作需要在看0day的软件漏洞分析,发现这本<0day安全软件漏洞分析技术(第2版)>真是本好书,唯一缺点就是书上的环境是Windows XP 32Bit的,基于现状难以进行实践, ...

  4. MES论坛

    MES是智能制造的核心系统,是实现中国制造2025的关键应用系统.MES应用于车间执行层,中文为制造执行系统. 目前MES交流社区比较少,已有的都显得比较杂乱,所以新开了一个MES论坛地址为https ...

  5. 查看UNDO 表空间使用情况

    Select Sum(bytes / (1024 * 1024)), a.status    From dba_undo_extents a   Group By a.status Select fi ...

  6. 配置docker服务器支持远程连接

    操作系统:linux-ubuntu 参考文档:https://cloud.tencent.com/developer/article/1047265 采用上述文档:非安全的连接方式/服务端配置/通常的 ...

  7. gyp --depth . -D component=shared_library -Ibuild/standalone.gypi build/all.gyp

    gyp --depth . -D component=shared_library -Ibuild/standalone.gypi build/all.gyp

  8. [C4] Andrew Ng - Improving Deep Neural Networks: Hyperparameter tuning, Regularization and Optimization

    About this Course This course will teach you the "magic" of getting deep learning to work ...

  9. react中使用动画

    1. css原生动画的使用 import React, { useState } from "react" import "./index.css" funct ...

  10. 小程序-promise封装小程序的请求方法

    // 在utils-->base.js中,封装一个Base类,有一个axios方法 class Base{ constructor(){ } axios(method,url,data){ co ...