JavaScript XML 解析器

最新推荐文章于 2023-11-03 23:08:56 发布
最新推荐文章于 2023-11-03 23:08:56 发布
阅读量240 收藏
点赞数
分类专栏： javascript学习路程 文章标签： xml js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wzg0817/article/details/106502894
版权

所有现代浏览器都内建了供读取和操作 XML 的 XML 解析器。

解析器把 XML 转换为 XML DOM 对象 - 可通过 JavaScript 操作的对象。JavaScript 访问的 XML DOM 对象。

解析 XML 文档

        if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else { // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        xmlhttp.open("GET", "books.xml", false);
        xmlhttp.send();
        xmlDoc = xmlhttp.responseXML;

解析 XML 字符串

        txt = "<bookstore><book>";
        txt = txt + "<title>Everyday Italian</title>";
        txt = txt + "<author>Giada De Laurentiis</author>";
        txt = txt + "<year>2005</year>";
        txt = txt + "</book></bookstore>";

        if (window.DOMParser) {
            parser = new DOMParser();
            xmlDoc = parser.parseFromString(txt, "text/xml");
        } else // Internet Explorer
        {
            xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
            xmlDoc.async = "false";
            xmlDoc.loadXML(txt);
        }

例子：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body onload="displayCD()">
    <div id="showCD">

    </div>
    <input type="button" onclick="previous()" value="<<">
    <input type="button" onclick="next()" value=">>">
    <script>
        if (window.XMLHttpRequest) {
            var xmlhttp = new XMLHttpRequest();
        } else {
            var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.open("GET", "/xml/aqing.xml", false);
        xmlhttp.send();
        var xmlDoc = xmlhttp.responseXML; //xmlDoc 成为一个 XML DOM 对象，可由 JavaScript 访问。

        x = xmlDoc.getElementsByTagName("CD");
        i = 0;

        function displayCD() {
            a = (x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
            aa = (x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue);
            aaa = (x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue);
            aaa = (x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue);
            aaaa = (x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue);
            text = "ARTIST :" + a + "<br>COUNTRY :" + aa + "<br>COMPANY :" + aaa + "<br>PRICE :" + aaaa;
            document.getElementById("showCD").innerHTML = text;
        }

        function previous() {
            if (i > 0) {
                i--;
                displayCD();
            }
        }

        function next() {
            if (i < x.length - 1) {
                i++;
                displayCD();
            }
        }
    </script>
</body>


</html>

XML文件：

<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
<CD>
<TITLE>Greatest Hits</TITLE>
<ARTIST>Dolly Parton</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>RCA</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1982</YEAR>
</CD>
<CD>
<TITLE>Still got the blues</TITLE>
<ARTIST>Gary Moore</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Virgin records</COMPANY>
<PRICE>10.20</PRICE>
<YEAR>1990</YEAR>
</CD>
<CD>
<TITLE>Eros</TITLE>
<ARTIST>Eros Ramazzotti</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>BMG</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1997</YEAR>
</CD>
<CD>
<TITLE>One night only</TITLE>
<ARTIST>Bee Gees</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Polydor</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1998</YEAR>
</CD>
<CD>
<TITLE>Sylvias Mother</TITLE>
<ARTIST>Dr.Hook</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS</COMPANY>
<PRICE>8.10</PRICE>
<YEAR>1973</YEAR>
</CD>
<CD>
<TITLE>Maggie May</TITLE>
<ARTIST>Rod Stewart</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Pickwick</COMPANY>
<PRICE>8.50</PRICE>
<YEAR>1990</YEAR>
</CD>
<CD>
<TITLE>Romanza</TITLE>
<ARTIST>Andrea Bocelli</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Polydor</COMPANY>
<PRICE>10.80</PRICE>
<YEAR>1996</YEAR>
</CD>
<CD>
<TITLE>When a man loves a woman</TITLE>
<ARTIST>Percy Sledge</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Atlantic</COMPANY>
<PRICE>8.70</PRICE>
<YEAR>1987</YEAR>
</CD>
<CD>
<TITLE>Black angel</TITLE>
<ARTIST>Savage Rose</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Mega</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1995</YEAR>
</CD>
<CD>
<TITLE>1999 Grammy Nominees</TITLE>
<ARTIST>Many</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Grammy</COMPANY>
<PRICE>10.20</PRICE>
<YEAR>1999</YEAR>
</CD>
<CD>
<TITLE>For the good times</TITLE>
<ARTIST>Kenny Rogers</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Mucik Master</COMPANY>
<PRICE>8.70</PRICE>
<YEAR>1995</YEAR>
</CD>
<CD>
<TITLE>Big Willie style</TITLE>
<ARTIST>Will Smith</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1997</YEAR>
</CD>
<CD>
<TITLE>Tupelo Honey</TITLE>
<ARTIST>Van Morrison</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Polydor</COMPANY>
<PRICE>8.20</PRICE>
<YEAR>1971</YEAR>
</CD>
<CD>
<TITLE>The very best of</TITLE>
<ARTIST>Cat Stevens</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Island</COMPANY>
<PRICE>8.90</PRICE>
<YEAR>1990</YEAR>
</CD>
<CD>
<TITLE>Stop</TITLE>
<ARTIST>Sam Brown</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>A and M</COMPANY>
<PRICE>8.90</PRICE>
<YEAR>1988</YEAR>
</CD>
<CD>
<TITLE>Bridge of Spies</TITLE>
<ARTIST>T'Pau</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Siren</COMPANY>
<PRICE>7.90</PRICE>
<YEAR>1987</YEAR>
</CD>
<CD>
<TITLE>Private Dancer</TITLE>
<ARTIST>Tina Turner</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Capitol</COMPANY>
<PRICE>8.90</PRICE>
<YEAR>1983</YEAR>
</CD>
<CD>
<TITLE>Midt om natten</TITLE>
<ARTIST>Kim Larsen</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Medley</COMPANY>
<PRICE>7.80</PRICE>
<YEAR>1983</YEAR>
</CD>
<CD>
<TITLE>Pavarotti Gala Concert</TITLE>
<ARTIST>Luciano Pavarotti</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>DECCA</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1991</YEAR>
</CD>
<CD>
<TITLE>The dock of the bay</TITLE>
<ARTIST>Otis Redding</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Atlantic</COMPANY>
<PRICE>7.90</PRICE>
<YEAR>1987</YEAR>
</CD>
<CD>
<TITLE>Picture book</TITLE>
<ARTIST>Simply Red</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>Elektra</COMPANY>
<PRICE>7.20</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Red</TITLE>
<ARTIST>The Communards</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>London</COMPANY>
<PRICE>7.80</PRICE>
<YEAR>1987</YEAR>
</CD>
<CD>
<TITLE>Unchain my heart</TITLE>
<ARTIST>Joe Cocker</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>EMI</COMPANY>
<PRICE>8.20</PRICE>
<YEAR>1987</YEAR>
</CD>
</CATALOG>
阿清呀.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现的跨浏览器解析XML文件实例
11-22
本文实例讲述了JS实现的跨浏览器解析XML文件的方法。分享给大家供大家参考，具体如下： 下列代码把一个 XML 文档 (“note.xml”) 载入 XML 解析器中： [removed] function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xml
js读取xml文件并获取文件内容
热门推荐
wangnetkang的专栏
07-08 2万+
本篇文章总结收藏以供实用 其中html代码如下所示 W3School.com.cn Internal Note To: From: Message: if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest();
XML 应用程序
奋斗的日子最甜美，在科技的海洋里，永无止境。
11-30 344
XML 应用程序 本章演示一些基于 XML, HTML, XML DOM 和 JavaScript 构建的小型 XML 应用程序。 XML 文档实例 在本应用程序中，我们将使用 "cd_catalog.xml" 文件。 在 HTML div 元素中显示第一个 CD 下面的实例从第一个 CD 元素中获取 XML 数据，然后在 id="showCD" 的 HT
js访问xml之 各种对象的属性和方法
wjt276的专栏
08-24 163
[b]节点对象属性[/b] childNodes—返回节点到子节点的节点列表 firstChild—返回节点的首个子节点。 lastChild—返回节点的最后一个子节点。 nextSibling—返回节点之后紧跟的同级节点。 nodeName—返回节点的名字，根据其类型。 nodeType—返回节点的类型。 nodeValue—设置或返回节点的值，根据其类型。 ...
JavaScript实现解析xml文件数据
m0_70015558的博客
05-26 1万+
​ 用js来解析xml文件，xml格式的数据很普遍，特别是一些老项目普遍都用xml格式的数据。在ajax里有个responseXML就返回的是xml格式的数据，下面是js如何解析xml文件，获得里面的数据。话不多说，直接上传。 ​.........
from-xml:fromXML-纯JavaScript XML解析器
05-13
fromXML-纯JavaScript XML解析器 现场演示： : 特征 简单：单个解析器函数fromXML(xml)返回JavaScript对象。 小型：缩小2KB，压缩后1KB。 独立：无需外部模块依赖性也不需要DOM。 TypeScript定义： 概要 Node....
xml2node:JavaScript简单XML解析器
04-30
概述“ xml2node”是用于javascript的简单XML解析器，可让您将XML解析为JS并轻松访问值/属性。 它是根据获得。快速开始网上演示在node.js上进行演示克隆此项目并输入git clone ...
xml-parser:使用JavaScript构建的XML解析器
03-07
XML解析器使用JavaScript构建的XML解析器
HTMLParser:JavaScript HTML 解析器
06-11
HTML解析器John Resig 的更新版本 -这是基于 Erik Arvidsson 的 toDOM()已删除，不需要this上下文更正了 WScript throw Error()为 WScript 工作toXMLString可以传入tag() , attr() makeMap也会制作大写版本用法 var ...
parser-xml:解析器缓存兼容的 XML 解析器
07-11
解析器-xml 解析器缓存兼容的 XML 解析器。 安装 使用安装 npm i parser-xml --save 运行测试 npm test 用法 var parser = require ( 'parser-xml' ) ; 解析 parser . parse ( str , options , function ( err , ...
js解析XML文件
01-08
利用JAVASCRIPT读取XML文件、解析
JavaScript实现解析xml文件(附完整源码)
最新发布
希望我的博客，能帮上你解决学习中工作中所遇到的问题
11-03 161
JavaScript实现解析xml文件(附完整源码)
JavaScript解析XML格式字符串
程序员之道
03-31 1801
我们在做项目的时候，有时会以XML格式来传递数据，比如，后端的读取数据库某条记录，以XML的形式返回给前端。
js解析xml文件
weixin_57011137的博客
10-28 3077
首先我们将拿到的据转成base64的格式，可以使用插件’js-base64‘ cnpm i js-base64 -S 下载插件， 页面 import { Base64 } from 'js-base64' export default function (xmlString: string) { const createObj = (xmlString: string) => { console.log(xmlString); let xmlDoc =
XML Parser for JavaScript - xml2array()
work hard
03-07 535
JavaScript的XML解析器 - xml2array（） xml2array（）解析给定的XML文档并返回关联数组中的数据。 使用 XmlHttp.onreadystatechange = function() { if(XmlHttp.readyState == 4 && XmlHttp.status == 200) { var arr = xml2array(XmlH
JavaScript解析XML文件
Picking_up_stones的博客
03-15 2782
今天get了一个新技能，用js来解析xml文件，xml格式的数据很普遍，在ajax里有个responseXML就返回的是xml格式的数据，下面是js如何解析xml文件，获得里面的数据。一. 创建xmlDocument对象/*声明XML对象*/ var XML = {};XML.createDocument = function(){ /*firefox*/ if (document.
js处理xml文件
Jane's Blog
09-28 2254
js 操作xml数据
JavaScript 中 xml 的解析（jsoup 解析器）
m0_70274157的博客
04-29 1626
1、导入 jar 包 2、获取 Document 对象 [3、获取对应的标签 Element 对象](about:blank#3%E3%80%81%E8%8E%B7%E5%8F%96%E5%AF%B9%E5%BA%94%E7%9A%84%E6%A0%87%E7%AD%BE%20Element%20%E5%AF 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 %B9%E8%B1%A1) 4、获取数据 5、快捷查询 一、概述 ====
javascript解析xml转json
05-26
可以使用JavaScript内置的XML解析器`DOMParser`来解析XML，然后将解析结果转换为JSON格式。以下是一个示例代码： ```javascript function xmlToJson(xml) { // Create the DOM parser const parser = new DOM...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值