lxyd000 2011-06-17
一、什么是JSON
JSON即JavaScriptObjectNatation(Java对象表示法),它是一种轻量级的数据交换格式,非常适合于服务器与JavaScript的交互。
简而言之,JSON就是JavaScript交换数据的一种格式。例子如下:
{"username":"coolcooldool","password":"1230","usertype":"superadmin"}
{"list":[{"password":"1230","username":"coolcooldool"},{"password":"thisis2","username":"okokok"}]}
第二种是有数组的情况,我也不用文字表述JSON到底是怎么构成的了,相信长眼睛的人都看懂了,哇咔咔!~
二、为什么使用JSON而不是XML
他们都是这样说的:
尽管有许多宣传关于XML如何拥有跨平台,跨语言的优势,然而,除非应用于WebServices,否则,在普通的Web应用中,开发者经常为XML的解析伤透了脑筋,无论是服务器端生成或处理XML,还是客户端用JavaScript解析XML,都常常导致复杂的代码,极低的开发效率。实际上,对于大多数Web应用来说,他们根本不需要复杂的XML来传输数据,XML的扩展性很少具有优势,许多AJAX应用甚至直接返回HTML片段来构建动态Web页面。和返回XML并解析它相比,返回HTML片段大大降低了系统的复杂性,但同时缺少了一定的灵活性。
我认为就是说:解析XML太费劲了。
三、如何使用
当然最直接的方法就是,你自己写一个类,把你在数据库中查到的list转换成Sting,格式就是JSON样子的就行,但前提是你比较牛叉,能很快写出来,并且是对的,对于我这么不牛叉的人来说,我选第二种方法。
去网上找别人写好的类,看一遍,拿过来用就好了。我目前找到了两个类,都能达到效果,待我慢慢道来。
1.在你的MyEclipse里新建一个WebProject,就叫Ajax_Json吧。
2.新建一个类,名字叫做JsonUtil.java,打包到young.ajax.json,把下面代码复制进去。
packageyoung.ajax.json;
importjava.beans.IntrospectionException;
importjava.beans.Introspector;
importjava.beans.PropertyDescriptor;
importjava.math.BigDecimal;
importjava.math.BigInteger;
importjava.util.List;
importjava.util.Map;
importjava.util.Set;
importorg.apache.commons.logging.Log;
importorg.apache.commons.logging.LogFactory;
publicclassJsonUtil{
privatestaticLoglog=LogFactory.getLog(JsonUtil.class);
publicstaticStringobject2json(Objectobj){
StringBuilderjson=newStringBuilder();
if(obj==null){
json.append("\"\"");
}elseif(objinstanceofString||objinstanceofInteger||objinstanceofFloat
||objinstanceofBoolean||objinstanceofShort||objinstanceofDouble
||objinstanceofLong||objinstanceofBigDecimal||objinstanceofBigInteger
||objinstanceofByte){
json.append("\"").append(string2json(obj.toString())).append("\"");
}elseif(objinstanceofObject[]){
json.append(array2json((Object[])obj));
}elseif(objinstanceofList){
json.append(list2json((List<?>)obj));
}elseif(objinstanceofMap){
json.append(map2json((Map<?,?>)obj));
}elseif(objinstanceofSet){
json.append(set2json((Set<?>)obj));
}else{
json.append(bean2json(obj));
}
returnjson.toString();
}
publicstaticStringbean2json(Objectbean){
StringBuilderjson=newStringBuilder();
json.append("{");
PropertyDescriptor[]props=null;
try{
props=Introspector.getBeanInfo(bean.getClass(),Object.class).getPropertyDescriptors();
}catch(IntrospectionExceptione){}
if(props!=null){
for(inti=0;i<props.length;i++){
try{
Stringname=object2json(props[i].getName());
Stringvalue=object2json(props[i].getReadMethod().invoke(bean));
json.append(name);
json.append(":");
json.append(value);
json.append(",");
}catch(Exceptione){}
}
json.setCharAt(json.length()-1,'}');
}else{
json.append("}");
}
returnjson.toString();
}
publicstaticStringlist2json(List<?>list){
StringBuilderjson=newStringBuilder();
json.append("[");
if(list!=null&&list.size()>0){
for(Objectobj:list){
json.append(object2json(obj));
json.append(",");
}
json.setCharAt(json.length()-1,']');
}else{
json.append("]");
}
returnjson.toString();
}
publicstaticStringarray2json(Object[]array){
StringBuilderjson=newStringBuilder();
json.append("[");
if(array!=null&&array.length>0){
for(Objectobj:array){
json.append(object2json(obj));
json.append(",");
}
json.setCharAt(json.length()-1,']');
}else{
json.append("]");
}
returnjson.toString();
}
publicstaticStringmap2json(Map<?,?>map){
StringBuilderjson=newStringBuilder();
json.append("{");
if(map!=null&&map.size()>0){
for(Objectkey:map.keySet()){
json.append(object2json(key));
json.append(":");
json.append(object2json(map.get(key)));
json.append(",");
}
json.setCharAt(json.length()-1,'}');
}else{
json.append("}");
}
returnjson.toString();
}
publicstaticStringset2json(Set<?>set){
StringBuilderjson=newStringBuilder();
json.append("[");
if(set!=null&&set.size()>0){
for(Objectobj:set){
json.append(object2json(obj));
json.append(",");
}
json.setCharAt(json.length()-1,']');
}else{
json.append("]");
}
returnjson.toString();
}
publicstaticStringstring2json(Strings){
if(s==null)
return"";
StringBuildersb=newStringBuilder();
for(inti=0;i<s.length();i++){
charch=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'){
Stringss=Integer.toHexString(ch);
sb.append("\\u");
for(intk=0;k<4-ss.length();k++){
sb.append('0');
}
sb.append(ss.toUpperCase());
}else{
sb.append(ch);
}
}
}
returnsb.toString();
}
}
这应该是一个高手自己写的代码,就是用刚才第一种方法的人,哈哈!这个类就能将你的几乎所有类型转换成JSON形式的字符串,你可以自己写个类测试一下,我就不写了。
呐,到现在为止,我们已经有一种方法能将list型的东东转换成为JSON形式的数据了。但是,偷偷的告诉你,还有一种方法,其实效果是一样的,但是传说是官方的,所以用了会显得比较专业,比较牛叉所以我选了第二种,哇咔咔!
3.新建一个Java类,名字叫做JsonConvert.java,同样打包到young.ajax.json,将下面代码粘到里面。
packageyoung.ajax.json;
importjava.util.HashMap;
importjava.util.List;
importjava.util.Map;
importnet.sf.json.JSONArray;
importnet.sf.json.JSONException;
importnet.sf.json.JSONObject;
publicclassJsonConvert{
publicstaticJSONObjectmessage(Stringmessage,booleansuccess){
Mapmap=newHashMap();
map.put("success",success);
map.put("message",message);
returnJSONObject.fromObject(map);
}
publicstaticJSONObjectgenerate(Listlist){
Mapmap=newHashMap();
map.put("totalProperty",list.size());
map.put("root",list);
returnJSONObject.fromObject(map);
}
publicstaticJSONObjectjavabean2json(Objectobject,Stringmessage,
booleansuccess){
Mapmap=newHashMap();
map.put("success",success);
map.put("message",message);
map.put("data",object);
returnJSONObject.fromObject(map);
}
publicstaticJSONObjectobjectcollect2json(Listlist,Stringtotal){
Mapmap=newHashMap();
map.put("totalProperty",total);
map.put("root",list);
returnJSONObject.fromObject(map);
}
publicstaticJSONArraygetJSONArrayFormString(Stringstr){
if(str==null||str.trim().length()==0){
returnnull;
}
JSONArrayjsonArray=null;
try{
jsonArray=JSONArray.fromObject(str);
}catch(JSONExceptione){
e.printStackTrace();
}
returnjsonArray;
}
publicstaticJSONObjectStringToJSONOBject(Stringstr){
if(str==null||str.trim().length()==0){
returnnull;
}
JSONObjectjsonObject=null;
try{
jsonObject=JSONObject.fromObject(str);
}catch(JSONExceptione){
e.printStackTrace();
}
returnjsonObject;
}
}
怎么样,这个看着更专业吧,但是你现在发现了,有好多的可修正的红叉叉啊,为什么哩?难道是类库?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,将面面代码粘到里面。
packageyoung.ajax.model;
publicclassUserVO{
privateStringusername;
privateStringpassword;
publicStringgetUsername(){
returnusername;
}
publicvoidsetUsername(Stringusername){
this.username=username;
}
publicStringgetPassword(){
returnpassword;
}
publicvoidsetPassword(Stringpassword){
this.password=password;
}
}
感觉这个代码像高手写的了吗?yes你说对了,是我写的,哈哈!(其实大部分是MyEclipse生成的)
5.新建一个Servlet名字叫做JSONAction.java打包到young.ajax.action,将mapping里的访问地址改为/json,将下面代码粘到里面。
packageyoung.ajax.action;
importjava.io.IOException;
importjava.io.PrintWriter;
importjava.util.ArrayList;
importjava.util.HashMap;
importjava.util.List;
importjava.util.Map;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
importnet.sf.json.JSONObject;
importyoung.ajax.model.UserVO;
publicclassJSONActionextendsHttpServlet{
publicJSONAction(){
super();
}
publicvoiddestroy(){
super.destroy();
}
publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
System.out.println("VVVVVVVVV"+request.getParameter("a"));
response.setContentType("application/json;charset=UTF-8");
PrintWriterout=response.getWriter();
Listlist=newArrayList();
UserVOvo1=newUserVO();
vo1.setUsername("coolcooldool");
vo1.setPassword("1230");
list.add(vo1);
UserVOvo2=newUserVO();
vo2.setUsername("okokok");
vo2.setPassword("thisis2");
list.add(vo2);
Mapmap=newHashMap();
map.put("list",list);
JSONObjectjso=JSONObject.fromObject(map);
System.out.println(jso);
out.print(jso);
out.flush();
out.close();
}
publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
doGet(request,response);
}
publicvoidinit()throwsServletException{
}
}
6.在你的WebRoot下面新建文件夹js,下载JQuery的支持文件放在里面,你不用知道JQuery,这样做就可以了,因为做这个的时候我正好也在玩JQuery.
下载地址:http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js
7.打开你的index.jsp将下面代码粘到里面。
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>利用JQuery+Ajax获取JSON数据</title>
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache">
<metahttp-equiv="expires"content="0">
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
<metahttp-equiv="description"content="Thisismypage">
<!--
<linkrel="stylesheet"type="text/css"href="styles.css">
-->
<styletype="text/css">
<!--
div{
background-color:#F06;
height:100px;
width:300px;
}
.myc{
background-color:blue;
}
-->
</style>
<scripttype="text/javascript"src="js/jquery-1.3.2.min.js"></script>
<scripttype="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){
varitems=data.list;
for(vari=0;i<items.length;i++)
{
varitem=items[i];
//alert(item.username);
$("#tar").append("用户名:"+item.username+"<p>密码:"+item.password);
};
}
});
});
});
</script>
</head>
<body>
<inputtype="button"value="点击以加载页面"id="load">
<divid="tar"></div>
</body>
</html>
好了,启动测试,运行效果如下。