声明:文章来自亮亮的BLOG推荐的jQuery插件。http://www.94this.com.cn/article/258.htm
jQuery插件---XML to JSON plugin--把xml转化为json插件:
这个插件应该是比较方便的一个插件了,它能把xml字符串或xml文件转化为json对象,比如把
<xml>
<message>Hello world</message>
</xml>
转化为
{
message: 'Hello world';
}
这样我们操作起来就很方便了,因为用javascript操作json比操作xml要方便好多。
基本的使用:
?程序代码
var xml = '<xml><message>Hello world</message></xml>';
var json = $.xml2json(xml);
alert(json.message);
当然它也能通过直接把xml文件转化为json
?程序代码
$.get('data/hello.xml', function(xml){
var json = $.xml2json(xml);
alert(json.message);
});
好了,看看基本的演示吧!
这个插件还有一个扩展的用法:
基本的是把
<!---->
<animals>
<dog color="Black">
??<name>Rufus</name>
??<breed>labrador</breed>
</dog>
<dog breed="whippet">
??Adopted
??<name>Marty</name>
</dog>
<cat color="White">
??<name>Matilda</name>
</cat>
</animals>
转化为
{
dog:[
??{ name:'Rufus', breed:'labrador', color:'Black' },
??{ text:'Adopted', name:'Marty', breed:'whippet' }
],
cat:{ name:'Matilda', color:'White'}
}
扩展的作用是把每个节点转化为数组的形式,即
{
dog:[
??{ name:['Rufus'], breed:['labrador'], color:'Black' },
??{ text:'Adopted', name:['Marty'], breed:'whippet' }
],
cat:[
??{ name:'Matilda', color:'White'}
]
}
这个使用也简单,就多了一个参数:
$.get('data/animals.xml', function(xml){
var animals = $.xml2json(xml, true);
alert(animals.dog[1].name[0].text +'/'+ animals.dog[1].text);
});
最后,看看所有用法的演示(此演示官方提供)吧!
分享到:
相关推荐
标题“Jquery xml2Json”指的是一个jQuery插件,它的主要功能是将XML数据转换成JSON对象。在Web应用程序中,尤其是在使用jQuery框架的时候,这样的转换工具非常实用,因为JavaScript和jQuery天生更擅长处理JSON结构...
总结来说,"jquery-xmlToJson.js"是一个用于XML到JSON转换的jQuery插件,它能够帮助开发者轻松地将XML数据转化为更适应JavaScript环境的JSON格式,提高数据处理的效率,并且兼容多种jQuery版本。在进行Web开发时,...
jqGrid是一款基于jQuery的开源表格插件,专为数据管理和展示设计,提供了丰富的功能和高度的自定义性。它在Web开发中广泛应用于构建高效、交互式的数据网格。以下是关于jqGrid的一些关键知识点: 1. **基本使用**:...
然后,利用jQuery处理数据,将其转化为表格元素;最后,配置pagination插件的回调函数,实现分页功能。如果有需要,还可以添加自定义的事件监听和响应,以满足更复杂的需求。对于初学者,了解并实践这样的整合过程,...
当Action执行时,栈中的对象可以通过JSON插件转化为JSON格式。 4. **Action的返回值**: Action方法可以返回一个Map、List或其他集合对象,这些对象的元素将被转换为JSON。如果需要自定义哪些属性包含在JSON中,...
1. **生成JSON数据**:在服务器端,利用Struts2或其他类似框架的JSON插件,将业务对象转换为JSON字符串。 2. **发送Ajax请求**:使用jQuery的$.ajax或$.getJSON方法,向服务器发起请求,获取JSON数据。 3. **处理...
同时,PHP需要开启对JSON的支持,可以通过`json_encode()`函数将数据转化为JSON格式返回给前端。 **插件的实现过程** 1. **前端准备**:在HTML页面中,设置好投票按钮和进度条元素,通过jQuery绑定投票事件。 2. *...
3. JSON序列化:Struts2提供了插件来自动将Java对象转换为JSON字符串。例如,使用`org.apache.struts2.json.JSONUtil`类的`json`方法将Java对象转换成JSON。 4. jQuery的Ajax请求:在前端,使用jQuery的$.ajax()...
在Struts2中,通过集成Struts2 JSON插件,我们可以方便地将Action的返回结果转换为JSON格式,以供前端JavaScript进行处理。 首先,我们要理解Struts2 JSON插件的工作原理。这个插件主要负责将Action的返回值转化为...
在Struts2中,我们可以使用Struts2的JSON插件将Action的返回值转换为JSON格式,方便前端JavaScript进行处理。 最后,JQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。在本例中...
1. **Struts2 JSON插件**:为了支持JSON,你需要在Struts2项目中添加JSON插件。这个插件提供了一组拦截器和结果类型,使得Action可以直接返回JSON响应。 2. **xwork-core-2.1.6.jar**:这是Struts2的核心库,包含了...
总结,Struts2和jQuery的Ajax JSON数据交换涉及以下几个关键步骤:配置Struts2的JSON插件,编写返回JSON数据的Action,使用jQuery发起Ajax请求并处理返回的JSON数据。通过这种方式,可以实现客户端与服务器之间的...
- **DOM选择(Element Selection)**: `$(selector)`用于选取DOM元素,`$(element)`则用于将HTML元素转化为jQuery对象。 - **DOM操作(Element Manipulation)**: 包括添加、删除或修改元素。例如,`append()`用于...
首先,我们需要在Struts2项目中添加JSON插件。Struts2提供了内置的JSON结果类型,使得Action可以直接返回JSON对象。在`struts.xml`配置文件中,添加以下配置来启用JSON支持: ```xml ,json"/> ``` 接下来,创建一...
2. **构建数据结构**:将获取的表格数据转化为适合Excel格式的二维数组或JSON对象,这样可以方便地转换为CSV或XML,这两种格式是Excel能识别的数据交换格式。 3. **生成文件**:使用Blob对象和URL.createObjectURL...
1. **struts-plugin.xml配置**:在`struts-plugin.xml`文件中,你需要启用JSON插件,如下: ```xml <constant name="struts.enable.JSON" value="true"/> ``` 2. **Action类的配置**:为了返回JSON响应,你的...
选择器速度提升 选择器的速度大幅度提高了,下表为jQuery1.1.2和1.1.3的选择器速度对比,提高了8倍多 Browser jQuery 1.1.2 jQuery 1.1.3 % Improvement IE 6 4890ms 661ms 740% Firefox 2 5629ms 567...
接下来,`jquery-blockUI.js`是一个jQuery插件,它提供了页面元素锁定功能,通常用于在进行Ajax操作时阻塞用户界面,显示加载指示器或提示信息,从而提高用户体验。在Ajax请求发送后,页面的某些部分可能会被暂时...
用户输入时,通过AJAX向服务器请求数据,服务器返回JSON格式的匹配项,然后在客户端将这些数据转化为Autocomplete可识别的格式并显示出来。这种技术不仅提高了用户体验,还减轻了服务器的负担,因为只需要处理少量的...