一、什么是JSON
JSON 即 JavaScript Object Natation(Java对象表示法),它是一种轻量级的数据交换格式,非常适合于服务器与 JavaScript 的交互。
简而言之,JSON就是JavaScript交换数据的一种格式。例子如下:
{"username":"coolcooldool","password":"1230","usertype":"superadmin"}
{"list":[{"password":"1230","username":"coolcooldool"},{"password":"thisis2","username":"okokok"}]}
第二种是有数组的情况,我也不用文字表述JSON到底是怎么构成的了,相信长眼睛的人都看懂了,哇咔咔!~
二、为什么使用JSON而不是XML
他们都是这样说的:
尽管有许多宣传关于 XML 如何拥有跨平台,跨语言的优势,然而,除非应用于 Web Services,否则,在普通的 Web 应用中,开发者经常为 XML 的解析伤透了脑筋,无论是服务器端生成或处理 XML,还是客户端用 JavaScript 解析 XML,都常常导致复杂的代码,极低的开发效率。实际上,对于大多数 Web 应用来说,他们根本不需要复杂的 XML 来传输数据,XML 的扩展性很少具有优势,许多 AJAX 应用甚至直接返回 HTML 片段来构建动态 Web 页面。和返回 XML 并解析它相比,返回 HTML 片段大大降低了系统的复杂性,但同时缺少了一定的灵活性。
我认为就是说:解析XML太费劲了。
三、如何使用
当然最直接的方法就是,你自己写一个类,把你在数据库中查到的list转换成Sting,格式就是JSON样子的就行,但前提是你比较牛叉,能很快写出来,并且是对的,对于我这么不牛叉的人来说,我选第二种方法。
去网上找别人写好的类,看一遍,拿过来用就好了。我目前找到了两个类,都能达到效果,待我慢慢道来。
1.在你的MyEclipse里新建一个Web Project,就叫Ajax_Json吧。
2.新建一个类,名字叫做JsonUtil.java,打包到young.ajax.json,把下面代码复制进去。
package young.ajax.json;
import java.beans.IntrospectionException;
import java.beans.Introspector;
import java.beans.PropertyDescriptor;
import java.math.BigDecimal;
import java.math.BigInteger;
import java.util.List;
import java.util.Map;
import java.util.Set;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
public class JsonUtil {
private static Log log = LogFactory.getLog(JsonUtil.class);
public static String object2json(Object obj) {
StringBuilder json = new StringBuilder();
if (obj == null) {
json.append("\"\"");
} else if (obj instanceof String || obj instanceof Integer || obj instanceof Float
|| obj instanceof Boolean || obj instanceof Short || obj instanceof Double
|| obj instanceof Long || obj instanceof BigDecimal || obj instanceof BigInteger
|| obj instanceof Byte) {
json.append("\"").append(string2json(obj.toString())).append("\"");
} else if (obj instanceof Object[]) {
json.append(array2json((Object[]) obj));
} else if (obj instanceof List) {
json.append(list2json((List<?>) obj));
} else if (obj instanceof Map) {
json.append(map2json((Map<?, ?>) obj));
} else if (obj instanceof Set) {
json.append(set2json((Set<?>) obj));
} else {
json.append(bean2json(obj));
}
return json.toString();
}
public static String bean2json(Object bean) {
StringBuilder json = new StringBuilder();
json.append("{");
PropertyDescriptor[] props = null;
try {
props = Introspector.getBeanInfo(bean.getClass(), Object.class).getPropertyDescriptors();
} catch (IntrospectionException e) {}
if (props != null) {
for (int i = 0; i < props.length; i++) {
try {
String name = object2json(props[i].getName());
String value = object2json(props[i].getReadMethod().invoke(bean));
json.append(name);
json.append(":");
json.append(value);
json.append(",");
} catch (Exception e) {}
}
json.setCharAt(json.length() - 1, '}');
} else {
json.append("}");
}
return json.toString();
}
public static String list2json(List<?> list) {
StringBuilder json = new StringBuilder();
json.append("[");
if (list != null && list.size() > 0) {
for (Object obj : list) {
json.append(object2json(obj));
json.append(",");
}
json.setCharAt(json.length() - 1, ']');
} else {
json.append("]");
}
return json.toString();
}
public static String array2json(Object[] array) {
StringBuilder json = new StringBuilder();
json.append("[");
if (array != null && array.length > 0) {
for (Object obj : array) {
json.append(object2json(obj));
json.append(",");
}
json.setCharAt(json.length() - 1, ']');
} else {
json.append("]");
}
return json.toString();
}
public static String map2json(Map<?, ?> map) {
StringBuilder json = new StringBuilder();
json.append("{");
if (map != null && map.size() > 0) {
for (Object key : map.keySet()) {
json.append(object2json(key));
json.append(":");
json.append(object2json(map.get(key)));
json.append(",");
}
json.setCharAt(json.length() - 1, '}');
} else {
json.append("}");
}
return json.toString();
}
public static String set2json(Set<?> set) {
StringBuilder json = new StringBuilder();
json.append("[");
if (set != null && set.size() > 0) {
for (Object obj : set) {
json.append(object2json(obj));
json.append(",");
}
json.setCharAt(json.length() - 1, ']');
} else {
json.append("]");
}
return json.toString();
}
public static String string2json(String s) { if (s == null) return ""; StringBuilder sb = new StringBuilder(); for (int i = 0; i < s.length(); i++) { char ch = s.charAt(i); switch (ch) { case '"': sb.append("\\\""); break; case '\\': sb.append("\\\\"); break; case '\b': sb.append("\\b"); break; case '\f': sb.append("\\f"); break; case '\n': sb.append("\\n"); break; case '\r': sb.append("\\r"); break; case '\t': sb.append("\\t"); break; case '/': sb.append("\\/"); break; default: if (ch >= '\u0000' && ch <= '\u001F') { String ss = Integer.toHexString(ch); sb.append("\\u"); for (int k = 0; k < 4 - ss.length(); k++) { sb.append('0'); } sb.append(ss.toUpperCase()); } else { sb.append(ch); } } } return sb.toString(); } }
这应该是一个高手自己写的代码,就是用刚才第一种方法的人,哈哈!这个类就能将你的几乎所有类型转换成JSON形式的字符串,你可以自己写个类测试一下,我就不写了。
呐,到现在为止,我们已经有一种方法能将list型的东东转换成为JSON形式的数据了。但是,偷偷的告诉你,还有一种方法,其实效果是一样的,但是传说是官方的,所以用了会显得比较专业,比较牛叉所以我选了第二种,哇咔咔!
3.新建一个Java类,名字叫做JsonConvert.java,同样打包到young.ajax.json,将下面代码粘到里面。
package young.ajax.json;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import net.sf.json.JSONArray;
import net.sf.json.JSONException;
import net.sf.json.JSONObject;
public class JsonConvert {
public static JSONObject message(String message, boolean success) {
Map map = new HashMap();
map.put("success", success);
map.put("message", message);
return JSONObject.fromObject(map);
}
public static JSONObject generate(List list) {
Map map = new HashMap();
map.put("totalProperty", list.size());
map.put("root", list);
return JSONObject.fromObject(map);
}
public static JSONObject javabean2json(Object object, String message,
boolean success) {
Map map = new HashMap();
map.put("success", success);
map.put("message", message);
map.put("data", object);
return JSONObject.fromObject(map);
}
public static JSONObject objectcollect2json(List list, String total) {
Map map = new HashMap();
map.put("totalProperty", total);
map.put("root", list);
return JSONObject.fromObject(map);
}
public static JSONArray getJSONArrayFormString(String str) {
if (str == null || str.trim().length() == 0) {
return null;
}
JSONArray jsonArray = null;
try {
jsonArray = JSONArray.fromObject(str);
} catch (JSONException e) {
e.printStackTrace();
}
return jsonArray;
}
public static JSONObject StringToJSONOBject(String str) {
if (str == null || str.trim().length() == 0) {
return null;
}
JSONObject jsonObject = null;
try {
jsonObject = JSONObject.fromObject(str);
} catch (JSONException e) {
e.printStackTrace();
}
return jsonObject;
}
}
怎么样,这个看着更专业吧,但是你现在发现了,有好多的可修正的红叉叉啊,为什么哩?难道是类库?Bingo!需要好一大堆包啊。。哎!我观察了一下,我的里面有这么多包包,不排除有没用上的哈。
看到了吗?这么多包包,自己去下吧,我就不给出地址了啊。。。本来想用图片带rar了,可惜,百度不让。
这些包可以从这些网站找到:
http://commons.apache.org/index.html
http://json-lib.sourceforge.net/
http://ezmorph.sourceforge.net/
http://morph.sourceforge.net/
http://www.docjar.com/
如果你实在找不到,没办法,留邮箱吧。
到这里,转换的工作就完成了!你同样可以编写测试的类测试一下。
4.新建一个Java类,名字叫做UserVO.java打包到young.ajax.model,将面面代码粘到里面。
package young.ajax.model;
public class UserVO {
private String username;
private String password;
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
}
感觉这个代码像高手写的了吗?yes你说对了,是我写的,哈哈!(其实大部分是MyEclipse生成的)
5.新建一个Servlet名字叫做JSONAction.java打包到young.ajax.action,将mapping里的访问地址改为/json,将下面代码粘到里面。
package young.ajax.action;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONObject;
import young.ajax.model.UserVO;
public class JSONAction extends HttpServlet {
public JSONAction() {
super();
}
public void destroy() {
super.destroy();
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
System.out.println("VVVVVVVVV"+request.getParameter("a"));
response.setContentType("application/json;charset=UTF-8");
PrintWriter out = response.getWriter();
List list = new ArrayList();
UserVO vo1 = new UserVO();
vo1.setUsername("coolcooldool");
vo1.setPassword("1230");
list.add(vo1);
UserVO vo2 = new UserVO();
vo2.setUsername("okokok");
vo2.setPassword("thisis2");
list.add(vo2);
Map map = new HashMap();
map.put("list",list);
JSONObject jso = JSONObject.fromObject(map);
System.out.println(jso);
out.print(jso);
out.flush();
out.close();
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request,response);
}
public void init() throws ServletException {
}
}
6.在你的WebRoot下面新建文件夹js,下载JQuery的支持文件放在里面,你不用知道JQuery,这样做就可以了,因为做这个的时候我正好也在玩JQuery.
下载地址:http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js
7.打开你的index.jsp将下面代码粘到里面。
<%@ 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>利用JQuery+Ajax获取JSON数据</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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css"> <!-- div { background-color: #F06; height: 100px; width: 300px; } .myc { background-color: blue; } --> </style> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(function(){ $("#load").click(function(){ $("div").toggleClass("myc"); //$.get( //"json", //{a:1,b:2}, //function(data){ //alert(data); //} //); $.ajax({ type:"get", url:"json", data:"a=1&b=2&c=3", dataType:"json", success:function(data){ var items=data.list; for(var i =0;i<items.length;i++) { var item=items[i]; //alert(item.username); $("#tar").append("用户名:"+item.username+"<p>密码:"+item.password); }; } }); }); }); </script> </head> <body> <input type="button" value="点击以加载页面" id="load"> <div id="tar"></div> </body> </html>
好了,启动测试,运行效果如下。