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 相关文章推荐
JS焦点图切换,上下翻转
May 12 Javascript
JavaScript中使用Object.create()创建对象介绍
Dec 30 Javascript
jQuery中:has选择器用法实例
Dec 30 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
May 11 Javascript
jQuery实现区域打印功能代码详解
Jun 17 Javascript
jQuery获取file控件中图片的宽高与大小
Aug 04 Javascript
JS中input表单隐藏域及其使用方法
Feb 13 Javascript
详解小程序原生使用ES7 async/await语法
Aug 06 Javascript
微信小程序canvas拖拽、截图组件功能
Sep 04 Javascript
vue 中 beforeRouteEnter 死循环的问题
Apr 23 Javascript
原生JS实现动态添加新元素、删除元素方法
May 05 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
Jun 18 Javascript
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操作符与控制结构代码
2011/12/30 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
Javascript之旅 对象的原型链之由来
2010/08/25 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
2013/01/23 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
Nodejs爬虫进阶教程之异步并发控制
2016/02/15 NodeJs
基于jquery插件实现拖拽删除图片功能
2020/08/27 Javascript
前端开发之CSS原理详解
2017/03/11 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
vue使用中的内存泄漏【推荐】
2018/07/10 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
[01:32]TI珍贵瞬间系列(一)
2020/08/26 DOTA
举例简单讲解Python中的数据存储模块shelve的用法
2016/03/03 Python
Python部署web开发程序的几种方法
2017/05/05 Python
详解supervisor使用教程
2017/11/21 Python
Python使用OpenCV进行标定
2018/05/08 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
如何实现更换Jupyter Notebook内核Python版本
2020/05/18 Python
Django中如何用xlwt生成表格的方法步骤
2021/01/31 Python
Html5 webRTC简单实现视频调用的示例代码
2020/09/23 HTML / CSS
自我评价怎么写好呢?
2013/12/05 职场文书
食堂采购员岗位职责
2014/03/17 职场文书
中药学自荐信
2014/06/15 职场文书
公司委托书格式
2014/08/01 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
2015年幼师工作总结
2015/04/28 职场文书
道歉短信大全
2015/05/12 职场文书
公司年会开场白
2015/06/01 职场文书
2015年小学重阳节活动总结
2015/07/29 职场文书
分家协议书范本
2016/03/22 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS