js字符串转换成xml对象并使用技巧解读


Posted in Javascript onApril 18, 2013

在java端将字符串转化为xml对象可以使用DocumentHelper.parseText(xmlReturn).getRootElement();
在js中同样有方法可以将字符串转化为xml对象,可以使用如下函数
以下是引用片段:

function createXml(str){ 
if(document.all){ 

var xmlDom=new ActiveXObject("Microsoft.XMLDOM") 

xmlDom.loadXML(str) 

return xmlDom 

} 

else 

return new DOMParser().parseFromString(str, "text/xml") 

}

如果在js端是读取文件,那就更方便了
以下是引用片段:
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.3.0"); 
xmlDoc.async = false; 

xmlDoc.load("文件路径");

至于操作xml也是很简单,如果会使用jdom或是dom4j的话,操作也是相当方便。
以下是引用片段:
var domxml= createXml(Http.responseText); 
var code=domxml.getElementsByTagName("code"); 

if(code.item(0).text=="100"){ 

var parameter=domxml.getElementsByTagName("parameter"); 

identifier=parameter.item(0).attributes.getNamedItem("value").value; 

}

对于节点的值和属性的值获取的方法不同。
下面的方法
//字符串转化为xml 
function toXmlDom(source){ 
var xmlDoc = null; 
if (window.ActiveXObject) { 
var ARR_ACTIVEX = 
["MSXML4.DOMDocument","MSXML3.DOMDocument","MSXML2.DOMDocument","MSXML.DOMDocument","Microsoft.XmlDom"]; 
var XmlDomflag = false; 
for (var i = 0;i < ARR_ACTIVEX.length && !XmlDomflag ;i++) { 
try { 
var objXML = new ActiveXObject(ARR_ACTIVEX[i]); 
xmlDoc = objXML; 
XmlDomflag = true; 
} catch (e) { 
} 
} 
if (xmlDoc) { 
xmlDoc.async = false; 
xmlDoc.loadXML(source); 
} 
}else{ 
var parser=new DOMParser(); 
var xmlDoc=parser.parseFromString(source,"text/xml"); 
} 
return xmlDoc; 
}

//使用 
function areaChart(data){ 
var s = toXmlDom(xml);//xml为字符串 
$(s).find("area").each( //得到每一个area标签 
function(id,item){ 
var areaCode=$(item).find("area_code").eq(0).text();//获取area标签的内容 
var num = $(item).find("area_all_num").eq(0).text(); 
var name=$(item).find("area_name").eq(0).text(); 
var title=name+","+num; 
$("#"+areaCode+"").attr("title",title); 
} 
);

js字符串转换成xml对象并使用技巧解读
Javascript 相关文章推荐
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 Javascript
利用js动态添加删除table行的示例代码
Dec 16 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
老生常谈javascript变量的命名规范和注释
Sep 29 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
vue2笔记 — vue-router路由懒加载的实现
Mar 03 Javascript
微信小程序实现折叠面板
Jan 31 Javascript
Vue CLI3中使用compass normalize的方法
May 30 Javascript
Element InputNumber 计数器的实现示例
Aug 03 Javascript
vue 使用class创建和清除水印的示例代码
Dec 25 Vue.js
jQuery使用技巧简单汇总
Apr 18 #Javascript
document.documentElement的一些使用技巧
Apr 18 #Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 #Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 #Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 #Javascript
jQuery基本过滤选择器使用介绍
Apr 18 #Javascript
使用jQuery内容过滤选择器选择元素实例讲解
Apr 18 #Javascript
You might like
亲密接触PHP之PHP语法学习笔记1
2006/12/17 PHP
PHP 多维数组排序实现代码
2009/08/05 PHP
php站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
2015/11/16 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
2018/07/05 jQuery
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
zepto.js 实时监听输入框的方法
2018/12/04 Javascript
JS实现深度优先搜索求解两点间最短路径
2019/01/17 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
在Python编程过程中用单元测试法调试代码的介绍
2015/04/02 Python
Python使用微信SDK实现的微信支付功能示例
2017/06/30 Python
人工神经网络算法知识点总结
2019/06/11 Python
python开发实例之Python的Twisted框架中Deferred对象的详细用法与实例
2020/03/19 Python
keras得到每层的系数方式
2020/06/15 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
阿波罗盒子:Apollo Box
2017/08/14 全球购物
基督教卡片、励志礼品、家居装饰等:DaySpring
2018/10/12 全球购物
数据库设计的包括哪两种,请分别进行说明
2016/07/15 面试题
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
一年级学生评语
2014/04/23 职场文书
电台编导求职信
2014/05/06 职场文书
营业员岗位职责
2015/02/11 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript