《《J2EE中JSON+Jquery_AJAX应用》.pdf

JSON+JQuery_AJAX 实现页面动态加载 河南移动绩效管理项目一期 摩卡软件 密级： 版本： v1.0 文档作者：刘浪：liulang@ 提交时间： 2010-08-24 JSON+JQuery实现 JSON+JQuery实现 JJSSOONN++JJQQuueerryy实实现现 页面动态加载与表单内容异步提交 页面动态加载与表单内容异步提交 页页面面动动态态加加载载与与表表单单内内容容异异步步提提交交 1 概述2 2 详述2 2.1 依赖的jar包和js库文件（以下均为测试的环境，框架与jar包的版本均可以调整）2 2.1.1 该功能用于J2EE项目（web项目）中，框架用的是Spring+Struts+Ibatis。2 2.1.2 JSON依赖的jar包如下：2 2.1.3 Jquery_AJAX依赖的js如下：2 2.2 JSON格式化数据（主要是方便js操纵数据）3 2.2.1 JSON可以格式化的数据：3 2.2.2 普通的JavaBean格式化为JSONObject：3 2.2.3 Map格式化为JSONObject：5 2.2.4 List 格式化为JSONArray：6 2.2.5 将JSON数据传递给页面，代码如下：6 2.3 页面通过Jquery_AJAX获取数据7 2.3.1 Jquery_AJAX（使用前必须在页面引入Jquery jquery-1.3.1.js）：7 2.3.2 获取JSONObject 格式的数据：8 2.3.3 当数据量比较大的时候要用post 方法，此时如果要传递给action参数就必须要在url 后面添加，如果要用如2中这样方便的操纵数据dataType 就要指定为json。9 2.4 通过jquery_ajaxSubmit异步提交表单数据9 2.4.1 jquery_ajaxSubmit（使用前必须在页面引入Jquery jquery.form.js）：9 3 分析10 4 总结10 5 附录10 Mocha Software Co.,Ltd. 客户 质量 团结 创新 1 JSON+JQuery_AJAX 实现页面动态加载 河南移动绩效管理项目一期 摩卡软件 1 1 11 概述 本文主要是描述使用JSON+JQuery_AJAX实现页面动态加载与页面表单数据的异步保存。首先页面通 过调用JQuery_AJAX方法访问后台Action，在后台Action 中将获取到的JavaBean、List、Map等数据 类型转换为json-lib.jar中的JSONObject 和JSONArray 类型，将格式化后的数据传给页面由js来处理。 然后页面通过调用jquery_ajaxSubmit 方法将页面表单中的数据传递给后台Action处理。 2 2 22 详述 2.1 jar js jar 2.1 jar js