一、什么是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.htmlhttp://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>好了,启动测试,运行效果如下。