Js+XML 操作


Posted in Javascript onSeptember 20, 2006

xml文件Login.xml如下.

<?xml version="1.0" encoding="utf-8" ?> 
<Login> 
    <Character> 
        <C Text="热血" Value="0"></C> 
        <C Text="弱气" Value="1"></C> 
        <C Text="激情" Value="2"></C> 
        <C Text="冷静" Value="3"></C> 
        <C Text="冷酷" Value="4"></C> 
    </Character> 
    <Weapon> 
        <W Text="光束剑" Value="0"></W> 
        <W Text="光束配刀" Value="1"></W> 
    </Weapon> 
    <EconomyProperty> 
        <P Text="平均型" Value="0"></P> 
        <P Text="重视攻击" Value="1"></P> 
        <P Text="重视敏捷" Value="2"></P> 
        <P Text="重视防御" Value="3"></P> 
        <P Text="重视命中" Value="4"></P> 
    </EconomyProperty> 
</Login>

现在需要对这个xml文件的内容进行操作.
首先,我们需要加载这个xml文件,js中加载xml文件,是通过XMLDOM来进行的.
// 加载xml文档 
loadXML    = function(xmlFile) 
{ 
    var xmlDoc; 
    if(window.ActiveXObject) 
    { 
        xmlDoc    = new ActiveXObject('Microsoft.XMLDOM'); 
        xmlDoc.async    = false; 
        xmlDoc.load(xmlFile); 
    } 
    else if (document.implementation&&document.implementation.createDocument) 
    { 
        xmlDoc    = document.implementation.createDocument('', '', null); 
        xmlDoc.load(xmlFile); 
    } 
    else 
    { 
        return null; 
    }      
    return xmlDoc; 
}

xml文件对象出来了, 接下去我就要对这个文档进行操作了.
比如说,我们现在需要得到节点Login/Weapon/W的第一个节点的属性,那么我们可以如下进行.
// 首先对xml对象进行判断 
checkXMLDocObj    = function(xmlFile) 
{ 
    var xmlDoc    = loadXML(xmlFile); 
    if(xmlDoc==null) 
    { 
        alert('您的浏览器不支持xml文件读取,于是本页面禁止您的操作,推荐使用IE5.0以上可以解决此问题!'); 
        window.location.href='/Index.aspx'; 
    }     return xmlDoc; 
} 
// 然后开始获取需要的Login/Weapon/W的第一个节点的属性值 
var xmlDoc    = checkXMLDocObj('/EBS/XML/Login.xml'); 
var v    = xmlDoc.getElementsByTagName('Login/Weapon/W')[0].childNodes.getAttribute('Text')

而我在我的程序中的写法是这样子的,当然我在程序中的写法是已经应用到实际中的了.一并给出来,以供查看
initializeSelect    = function(oid, xPath) 
{ 
    var xmlDoc    = checkXMLDocObj('/EBS/XML/Login.xml'); 
    var n; 
    var l; 
    var e    = $(oid); 
    if(e!=null) 
    { 
        n    = xmlDoc.getElementsByTagName(xPath)[0].childNodes; 
        l    = n.length; 
        for(var i=0; i<l; i++) 
        { 
            var option    = document.createElement('option'); 
            option.value    = n[i].getAttribute('Value'); 
            option.innerHTML    = n[i].getAttribute('Text'); 
            e.appendChild(option); 
        } 
    } 
}

上面的访问代码中,我们是通过xmlDoc.getElementsByTagName(xPath)来进行的.
还可以通过xmlDoc.documentElement.childNodes(1)..childNodes(0).getAttribute('Text')进行访问.
一些常用方法:
xmlDoc.documentElement.childNodes(0).nodeName,可以得到这个节点的名称.
xmlDoc.documentElement.childNodes(0).nodeValue,可以得到这个节点的值. 这个值是来自于这样子的xml格式:<a>b</b>, 于是可以得到b这个值.
xmlDoc.documentElement.childNodes(0).hasChild,可以判断是否有子节点

根据我的经验,最好是使用getElementsByTagName(xPath)的方法对节点进行访问,因为这样子可以直接通过xPath来定位节点,这样子会有更好的性能. 

Javascript 相关文章推荐
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
Feb 03 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
Aug 11 Javascript
node.js中使用q.js实现api的promise化
Sep 17 Javascript
javascript三元运算符用法实例
Apr 16 Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
使用JS动态显示文本
Sep 09 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
May 03 Javascript
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
Jun 14 Javascript
脚手架vue-cli工程webpack的基本用法详解
Sep 29 Javascript
JavaScript内置对象之Array的使用小结
May 12 Javascript
发现的以前不知道的函数
Sep 19 #Javascript
多个iframe自动调整大小的问题
Sep 18 #Javascript
跨浏览器的设置innerHTML方法
Sep 18 #Javascript
JavaScript Base64编码和解码,实现URL参数传递。
Sep 18 #Javascript
JavaScript静态的动态
Sep 18 #Javascript
基于Web标准的UI组件 — 树状菜单(2)
Sep 18 #Javascript
JavaScript中的私有成员
Sep 18 #Javascript
You might like
Cakephp 执行主要流程
2010/03/24 PHP
收集的二十一个实用便利的PHP函数代码
2010/04/22 PHP
php 删除一个数组中的某个值.兼容多维数组!
2012/02/18 PHP
LotusPhp笔记之:Logger组件的使用方法
2013/05/06 PHP
各种快递查询--Api接口
2016/04/26 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
jquery 添加节点的几种方法介绍
2013/09/04 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
2014/03/18 Javascript
jquery中获得元素尺寸和坐标的方法整理
2014/05/18 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
2016/12/05 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
python 七种邮件内容发送方法实例
2014/04/22 Python
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
Python psutil模块简单使用实例
2015/04/28 Python
Django发送html邮件的方法
2015/05/26 Python
Python批量查询域名是否被注册过
2017/06/21 Python
Python+Socket实现基于TCP协议的客户与服务端中文自动回复聊天功能示例
2017/08/31 Python
Python输出带颜色的字符串实例
2017/10/10 Python
python中正则表达式的使用方法
2018/02/25 Python
浅谈python正则的常用方法 覆盖范围70%以上
2018/03/14 Python
python画一个玫瑰和一个爱心
2020/08/18 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
django模型类中,null=True,blank=True用法说明
2020/07/09 Python
Python高并发解决方案实现过程详解
2020/07/31 Python
CSS3 三维变形实现立体方块特效源码
2016/12/15 HTML / CSS
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
全球最大的瓷器、水晶和银器零售商:Replacements
2020/06/15 全球购物
区三好学生主要事迹
2014/01/30 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
安全保证书
2015/01/16 职场文书
如何写通讯稿
2015/07/22 职场文书
幼儿园中班教育随笔
2015/08/14 职场文书
2016国培学习心得体会
2016/01/08 职场文书