解析XML的方法很多,比如数据岛,W3C DOM方法等,这里总结一下用JavaScript解析xml字符串的方法。
function loadXml(data){
//IE下加载xml字符串
if(navigator.userAgent.indexOf('MSIE') >= 0) {
//加载xml字符串 (IE下的加载方式)
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false; //关闭异步加载,这样作可以使得文档加载完全之前,解析起不会继续执行脚本
xmlDoc.loadXML(data);
}
//火狐下加载xml字符串
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
//加载xml字符串 (FireFox下的加载方式)
var doc = new DOMParser();
var xmlDoc = doc.parseFromString(data, "text/xml");
}
//遍历list标签
var elementList;
elementList = xmlDoc.getElementsByTagName('children');
for(var i = 0; i<elementList.length; i=i+1){
var value;
value = elementList[i].getAttribute('id');
var childs;
//当前元素的子结点,获得所有列
childs = elementList[i].childNodes;
var cellArray = new Array();
//遍历row的子节点,取得每一个结点的内容
for(var j = 0; j<childs.length; j=j+1){
var cell = $.trim($(childs[j]).text());
var cells = cellArray.push(cell);
}
addRow(value,cellArray);
}
}
在IE和在火狐下创建dom的方式不同,一般在IE下通过var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 就行,但在火狐下需要通过var doc = new DOMParser(); var xmlDoc = doc.parseFromStrin(data,"text/xml"); 这种方式获得dom对象。
上面的方法是解析xml字符串,得到节点后遍历节点,取到值后显示,还可以直接解析xml文件。
/*********************************
* 加载xml文件
*/
mygrid.loadXml = function(url){
//IE下加载xml文件
if(navigator.userAgent.indexOf('MSIE') >= 0){
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false; //关闭异步加载,这样作可以使得文档加载完全之前,解析起不会继续执行脚本
xmlDoc.load(url);
}
//FireFox下加载xml文件
if(isFirefox=navigator.userAgent.indexOf('Firefox')>0){
var xmlDoc = Documnet.Implementation.createDocument("", "", null);
xmlDoc.async = false; //关闭异步加载,这样做可以使得文档加载完全之前,解析起不会继续执行脚本
xmlDoc.load(url);
}
}
当然,还有其他很多解析xml的方法,这里总结一下我用到的2种,这两种也是比较常用的两种方法。
分享到:
相关推荐
资源名称:使用Javascript解析xml文件或xml格式字符串 中文WORD版 内容简介: 本文档主要讲述的是使用Javascript解析xml文件或xml格式字符串;javascript中,不论是解析xml文件,...
JAVASCRIPT解析XML的方法总结.pdf
利用javascript解析XML,来查询xml数据
JS 解析 XML 文件 作为一名 IT 行业大师,我将从给定的...使用 JavaScript 解析 XML 文件需要了解 XML 文档的结构和各个节点的类型,选择合适的解析方法,考虑浏览器兼容性问题,并掌握相关的 JavaScript 语法和方法。
JavaScript提供了DOMParser API和ActiveXObject(仅限于Internet Explorer)来解析XML。以下是对这个主题的详细阐述: 首先,我们需要了解XML(eXtensible Markup Language),它是一种用于存储和传输数据的标记...
### JavaScript解析XML的关键方法 在给定的文件中,主要讨论了如何使用JavaScript来解析XML文件,并提供了一个具体的例子。以下是对这些关键方法的详细解释: #### 1. 加载XML文件 JavaScript解析XML的第一步是...
2. **JavaScript解析XML**:JavaScript提供了两种主要的方式来解析XML,即`DOMParser`和`XMLHttpRequest`(也称为Ajax)。`DOMParser`可以将XML字符串转化为DOM对象,方便后续操作;`XMLHttpRequest`则可以异步加载...
总的来说,JavaScript解析服务器端XML文件并生成树形菜单是一个常见的任务,涉及到XMLHttpRequest、DOM操作和递归算法等多个知识点。通过掌握这些技术,开发者可以构建出强大的前端应用程序,实现与服务器的数据交互...
JavaScript解析xml数据
javascript解析xml方法,考虑多种浏览器
### JavaScript 对 XML 文件解析知识点详解 #### 一、XML 文件解析背景及意义 XML(Extensible Markup Language,可扩展标记语言)是一种用于标记数据的语言,主要用于传输和存储数据。在 Web 开发中,XML 常被...
总结来说,实现JavaScript解析XML以创建多级级联下拉列表涉及的主要知识点包括:JavaScript基础、XML文件结构与解析、DOM操作、事件监听以及动态生成HTML元素。通过这些技术,可以构建出交互性强、用户体验良好的Web...
总结,JavaScript解析XML文档成树菜单涉及到DOM解析、XMLHttpRequest或fetch请求、DOM遍历、HTML结构生成、事件处理等多个技术点。具体实现可能因XML结构和需求而异,但基本流程是相似的。阅读原博客(288976)可以...
下面将详细探讨JavaScript解析XML的相关知识点。 1. DOM解析XML: 在JavaScript中,XML文档可以通过DOM(Document Object Model)接口来解析。DOM是一种标准,允许程序和脚本动态更新、添加和删除HTML或XML文档的...
JavaScript解析XML文档成树菜单.chm
zxml是一个解析xml的javascript框架
总结来说,JavaScript解析XML是Web开发中的重要技能,它允许开发者动态地处理和展示来自服务器的结构化数据,提高用户体验。DOM和SAX是两种主要的解析策略,其中DOM适用于小型XML文档,而SAX更适合处理大型文档。...
下面我们将深入探讨Ajax解析XML和JSON的相关知识点。 **一、Ajax基本原理** 1. **异步通信**:Ajax的核心是XMLHttpRequest对象,它允许浏览器向服务器发送异步请求,获取服务器响应,而无需重新加载整个页面。 2. *...