手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

XML to JSON plugin--把xml转化为json插件

首页 > Javascript >

以前用JS操作XML都是用DOM的方式,现在有了这个插件,操作起来会更方便了直接采用对象。。。

来源:http://www.94this.com.cn/article/258.htm

这个插件应该是比较方便的一个插件了,它能把xml字符串或xml文件转化为json对象,比如把

XML/HTML代码
  1. <xml>  
  2. <message>Hello world</message>  
  3. </xml>  

转化为
JavaScript代码
  1. {  
  2.     message: 'Hello world';  
  3. }  

这样我们操作起来就很方便了,因为用javascript操作json比操作xml要方便好多。

基本的使用:

JavaScript代码
  1. var xml = '<xml><message>Hello world</message></xml>';  
  2. var json = $.xml2json(xml);  
  3. alert(json.message);  

当然它也能通过直接把xml文件转化为json:

JavaScript代码
  1. $.get('data/hello.xml'function(xml){  
  2.     var json = $.xml2json(xml);  
  3.     alert(json.message);  
  4. });  

好了,看看基本的演示吧!(膘叔:演示地址仍然是亮亮的网站)

这个插件还有一个扩展的用法:
基本的是把

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <animals>  
  3. <dog color='Black'>  
  4.   <name>Rufus</name>  
  5.   <breed>labrador</breed>  
  6. </dog>  
  7. <dog breed='whippet'>  
  8.   Adopted  
  9.   <name>Marty</name>  
  10. </dog>  
  11. <cat color="White">  
  12.   <name>Matilda</name>  
  13. </cat>  
  14. </animals>  
转化为 
JavaScript代码
  1. {    
  2.    dog:[    
  3.      { name:'Rufus', breed:'labrador', color:'Black' },    
  4.      { text:'Adopted', name:'Marty', breed:'whippet' }    
  5.    ],    
  6.    cat:{ name:'Matilda', color:'White'}    
  7. }   
扩展的作用是把每个节点转化为数组的形式,即
JavaScript代码
  1. {    
  2.    dog:[    
  3.      { name:['Rufus'], breed:['labrador'], color:'Black' },    
  4.      { text:'Adopted', name:['Marty'], breed:'whippet' }    
  5.    ],    
  6.    cat:[    
  7.      { name:'Matilda', color:'White'}    
  8.    ]    
  9. }   

这个使用也简单,就多了一个参数:

JavaScript代码
  1. $.get('data/animals.xml'function(xml){  
  2.    var animals = $.xml2json(xml, true);  
  3.    alert(animals.dog[1].name[0].text +'/'+ animals.dog[1].text);  
  4. });  


最后,看看所有用法的演示(此演示官方提供)吧!




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

« 上一篇 | 下一篇 »

发表评论

评论内容 (必填):