一、什么是JSON
JSON 即 JavaScript ObjectNatation(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, HttpServletResponseresponse) throwsServletException, IOException {
System.out.println(“VVVVVVVVV”+request.getParameter(“a”));response.setContentType(“application/json;charset=UTF-8”); PrintWriter out =response.getWriter(); List list = newArrayList(); UserVO vo1 = newUserVO();vo1.setUsername(“coolcooldool”); vo1.setPassword(“1230”); list.add(vo1); UserVO vo2 = newUserVO();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) throwsServletException, 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>
好了，启动测试，运行效果如下。
只要你扬帆，便会有八面来风。启程了，人的生命才真正开始。
