使用JSON取代XML做AJAX的数据传输介质

AJAX这个词语今年可是火爆了，这个词语中的X就是表示XML，也就是我们通常使用的服务器端和客户端进行交互的数据传输介质。当然XML有着开放、平台无关性等当前我们很注重的几个方面的优势，而且无论在哪个方面都可以灵活的应用，甚至数据库都有采用XML的了（比如SQLSERVER和ORACLE等）。当然，有优势并不一定代表在所有方面都OK，JSON-JavaScript Object Notation，一个也是最近比较流行的数据表示工具，在AJAX框架（比如DOJO等）中都有所应用，最近我也在我的权限系统中大量的使用了JSON作为前台JS和服务器进行数据库交互的平台。先看一个简单的例子：

   比如我要从服务器端返回数据（2个属性，success和message，表示执行成功与否和返回的提示信息），那么使用XML就是如下表示：

<?xml version="1.0" encoding="GBK"?>
<Root>
   <success>true</success>
   <message><![CDATA[操作成功！]]></message>
</Root>

   那么我们在客户端使用JS就应该如此来获取数据了，如下：

function(xmlHttp)
{
   var xml = xmlHttp.responseXML; // 获取服务器端返回的XML数据流
   var success = xml.getElementsByTagName("success")[0].firstChild.nodeValue;
   var message = xml.getElementsByTagName("message")[0].firstChild.nodeValue;
   ……
}

   我先不评论这两个代码，我们再看使用JSON如何表示，首先，在服务器端我们返回的字符串表示如下：

{"success":true,"message":"操作成功！"}

   那么我们在客户端又该如何进行解析呢？看如下代码：

function(xmlHttp)
{
   var val = xmlHttp.responseText; // 获取服务器端返回的文本流
   var obj = eval('(' + val + ')'); // 利用eval函数将返回的文本流转换成JS对象
   alert(obj.success); // 打印是否成功
   alert(obj.message); // 打印服务器端返回的信息
}

   看完上面的代码后，大家有什么想法呢？呵呵，是不是觉得第一种表示又简单，又直观呢？！而且从代码的量上看，使用JSON可以明显的减少客户端的JS编程量，而且在同等的数据要求下，JSON的表示法肯定是要比XML表示法的字节数要少（上面XML分别是108个字符，JSON是34个字符），可以看到差别是明显的，尤其是要表示的数据结构更加复杂和多的时候。

   大家对JSON也有了初步的了解，我就从实际的使用角度来给大家讲讲JSON，当然，我这里不会原原本的照搬官方网站上的介绍（官方网站地址：http://www.json.org/）和图片等资源信息，这大家可以在baidu上一搜一大片，而且也可以在官方网站上了解什么是JSON。

   我这里也给大家简单的说下，怎么表示JSON对象，我们直接在JS中表示就如下：

var obj = {
   "a":"a1",
   "b":"b1",
   "c":"c1"
}

   使用如上的表示就可以表示JS中的一个对象了，那么访问就很简单了，直接obj.a，obj.b就可以了。当然也可以嵌套表示的，即对象里再嵌入对象，如下：

var obj = {
   "a":"a1",
   "b":{
       "b1":"b11",
       "b2":"b22"
    },
   "c":"c1"
}

   上面就表示了obj对象中嵌套了一个b对象，访问就按照层次来访问即可，比如obj.b.b1就可以得到值b11。可以看到使用JSON可以很方便的表示一个对象，而且JSON对象的表示法和JS的内置对象的表示是一样的，这样也就注定了使用eval函数来解析JSON字符串为对象时会比XML解析来的快，事实上也证明确实如此，大家可以使用一个XML和一个JSON来做个解析例子（当然要是大对象了）。

   上面说的是我们直接在客户端中写JS对象，通常我们都会有应用是用来和服务器打交道的，就像我们文章最前面说的那样。那么我们在服务器端怎么来输出JSON字符串呢？不会是手动的一个个的加吧？呵，当然不是这样了，要是那样的话，这样介绍也就没必要了哈，在服务器端我使用的是JSON-LIB，这个大家可以从http://json-lib.sourceforge.net/上进行下载和查看，包里总共也才20来个类和接口左右，是非常轻巧的一个JAR包。JSON-LIB依赖如下公用包：

jakarta commons-lang 2.3
jakarta commons-beanutils 1.7.0
jakarta commons-collections 3.2
jakarta commons-logging 1.1
ezmorph 1.0.1
    JSON-LIB可以很容易的将一个实体JavaBean对象转换成一个JSON字符串形式，也可以从Map中获取值并进行转换，我们看一段简单的代码：

……
Map<String,Object> map = new HashMap<String,Object>();
map.put("a", "a1");
Map<String,String> tmp = new HashMap<String,String>();
tmp.put("b1", "b11");
tmp.put("b2", "b22");
map.put("b", tmp);
map.put("c", "c1");
JSONObject obj = JSONObject.fromMap(map);
system.out.println(obj);
……

   我们运行这段代码，输出结果如下：

{"a":"a1","c":"c1","b":{"b1":"b11","b2":"b22"}}

   可以看到输出结果和我们在上面表示的那个嵌套对象是一样的（只是顺序不一样而已，这个不影响），这样我们就可以很容易的将普通的Java对象转换成JSON对象了。这个JSON-LIB的API不多，也比较简单，相信大家多看看，然后自己写写摸索摸索就可以很容易的写出满足自己要求的JSON对象了~~

评论

1 楼 guji528 2010-04-13  

写得很清晰，对了解Json操作很有帮助