今天闲暇时间没事，看到群里有人询问json数据操作，然后回顾一下，做一个笔记吧！
使用JSON需要的包有：
commons-beanutils-1.7.0.jar
commons-lang-2.1.jar
ezmorph-1.0.2.jar
json-lib-1.1-jdk15.jar
在后台把数据封装成json数据格式传到前台
1. List集合转换成json代码
List list = new ArrayList();
list.add( "first" );
list.add( "second" );
JSONArray jsonArray2 = JSONArray.fromObject( list );
2. Map集合转换成json代码
Map map = new HashMap();
map.put("name", "json");
map.put("bool", Boolean.TRUE);
map.put("int", new Integer(1));
map.put("arr", new String[] { "a", "b" });
map.put("func", "function(i){ return this.arr[i]; }");
JSONObject json = JSONObject.fromObject(map);
3. Bean转换成json代码
JSONObject jsonObject = JSONObject.fromObject(new JsonBean());
4. 数组转换成json代码
boolean[] boolArray = new boolean[] { true, false, true };
JSONArray jsonArray1 = JSONArray.fromObject(boolArray);
5. 一般数据转换成json代码
JSONArray jsonArray3 = JSONArray.fromObject("['json','is','easy']" );
[color=red]response.getWriter().write(jsonArray2.toString());[/color]
前台页面的解析：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'json.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';
var JSONObject= {
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"};
var book = '{"hcz":[{"author":"hong","author1":"honglou"},{"author":"hong1","author1":"honglou1"}]}';
$("#btn").click(function(){
var dataObject = eval("("+txt+")");
alert(dataObject.employees[1].firstName);
});
$("#btn1").click(function(){
alert(JSONObject.name);
});
$("#btn2").click(function(){
var bookObject = eval("("+book+")");
alert(bookObject.hcz[1].author);
});
});
</script>
</head>
<body>
<input type="button" value="Button0" id="btn" />
<input type="button" value="Button1" id="btn1" />
<input type="button" value="Button2" id="btn2" />
</body>
</html>
分享到：
相关推荐
应用struts2 jquery json简单小例子。可编译，可执行，可看效果。注释很详细。包也很齐全。 1，表单提交。怎么来回传递值的（包括字符串，对象，集合），解析json。 2，ajax提交，操作字符串，对象，数组。
有的时候我们喜欢用xml格式来交互数据，那样太耗资源了，而且效果不是很好。如果json也能做xml一样的事情，那你一定会爱上它，这里为了方便我们使用jquery来操作异步处理
jQuery ajax操作WebService实例源码 jquery中的ajax 操作Webservice的例子，适合初学者，里面包括许多jQuery的内容 jQuery中的动态效果应用，按钮移动，元素隐藏等。异步加载 HTML json XML等示例。
jquery+jaxa的应用实例，如何解析XML字符串以及Json字符串，并对页面进行操作。
jQuery权威指南（第2版）+光盘源码jQuery选择器jQuery操作DOM jQuery中的事件与应用 jQuery的动画与特效 Ajax在jQuery中的应用 jQuery中调用JSON与XML数据jQuery UI插件 jQuery常用开发技巧 jQuery在HTML 5中的应用...
MVC3+Json+Ajax操作实例源码 源码描述： 该源码的目的是开发一个应用程序,用到了MVC3,JQuery,json脚本 为简单起见,这个例子用静态列表用来代替数据库。 源码你可以学习到： 如何使用jQuery JavaScript的confirm或...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...
第一个简单的jQuery程序 jQuery事件的链式写法 控制jQuery对象 jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 ...
允许使用静态json数据源或ajax动态请求的数据源 使用键盘快速操作基本功能及分页功能 多项选择以标签（Tag）形式展现 结果列表自动判断屏幕边缘，避免内容超出可视范围 丰富的参数设置及功能API调用 浏览器兼容：IE8...
《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发，对最实用的jQuery代码段进行了全方位的介绍和演示。全书分为11章，包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形...
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令...
6.1.2 jquery中的load（）方法 6.1.3 jquery中的全局函数getjson（） 6.1.4 jquery中的全局函数getscript（） 6.1.5 jquery中异步加载xml文档 6.2 请求服务器数据 6.2.1 $.get（）请求数据 6.2.2 $....
As of jQuery 1.2, you can load JSON data located on another domain if you specify a JSONP callback, which can be done like so: "myurl?callback=?". jQuery automatically replaces the ? with the correct ...
关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 ...
内容索引:.NET源码,Ajax相关,Ajax,Json 这是一个典型的Ajax网页应用实例，采用jquery+json的Ajax方式，实例中从xml读取数据，由用户操作前端网页更新数据后保存，所有操作几乎都是在ajax的方式进行数据提交，操作...
2、对象函数的应用简单和不限制： element.function(par)； $(”p.surprise”).addClass(”ohmy”).show(”slow”)... 3、对已选择对象的操作（包括样式）： 以下为引用的内容： $("#element").addClass(...
《jQuery攻略》对使用jQuery过程中遇到的各类问题给出了解决方案，比如，如何使用jQuery框架、CSS选择器、DOM、事件处理、动画效果，以及如何开发Ajax应用程序、如何使用jQuery工具函数、如何使用插件扩展jQuery。...
还可以将jQuery应用于本地或Web上的html页面。 使用可链接的方法和事件处理程序来增强jStrip，并定期添加新功能。 要迁移任何v1.x代码，请参见下面的“。Chuck Norris随机笑话-JSON API const jStrip = require ( ...
前端页面通过ajax与后台通信，根据后台处理结果响应前端页面交互操作，这是一个很典型的Ajax和JSON应用的例子。
最近看了NodeJS相关的，在网上查了下结合AJAX的应用，感觉应用前景还是不错的。为什么用这个组合呢？ 1.NodeJS不需要安装，拷贝过去就可以使用，而环境变量可以只配置在当前cmd窗口，运行方便。 2.通过HTML的ajax...