json 基本介绍

导读：
　　JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON 是JavaScript 原生格式，这意味着在JavaScript 中处理JSON 数据不需要任何特殊的API 或工具包。
　　JSON的规则很简单：对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使用“,”（逗号）分隔。具体细节参考http://www.json.org/json-zh.html
　　举个简单的例子：
　　js 代码
　　function showJSON() {
　　var user =
　　{
　　"username":"andy",
　　"age":20,
　　"info": { "tel": "123456", "cellphone": "98765"},
　　"address":
　　[
　　{"city":"beijing","postcode":"222333"},
　　{"city":"newyork","postcode":"555666"}
　　]
　　}
　　
　　alert(user.username);
　　alert(user.age);
　　alert(user.info.cellphone);
　　alert(user.address[0].city);
　　alert(user.address[0].postcode);
　　}
　　这表示一个user对象，拥有username, age, info, address 等属性。
　　同样也可以用JSON来简单的修改数据，修改上面的例子
　　js 代码
　　function showJSON() {
　　var user =
　　{
　　"username":"andy",
　　"age":20,
　　"info": { "tel": "123456", "cellphone": "98765"},
　　"address":
　　[
　　{"city":"beijing","postcode":"222333"},
　　{"city":"newyork","postcode":"555666"}
　　]
　　}
　　
　　alert(user.username);
　　alert(user.age);
　　alert(user.info.cellphone);
　　alert(user.address[0].city);
　　alert(user.address[0].postcode);
　　
　　user.username = "Tom"
　　alert(user.username);
　　}
　　JSON提供了json.js包，下载http://www.json.org/json.js后，将其引入然后就可以简单的使用object.toJSONString()转换成JSON数据。
　　js 代码
　　function showCar() {
　　var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
　　alert(carr.toJSONString());
　　}
　　function Car(make, model, year, color) {
　　this.make = make;
　　this.model = model;
　　this.year = year;
　　this.color = color;
　　}
　　可以使用eval来转换JSON字符到Object
　　js 代码
　　function myEval() {
　　var str = '{ "name": "Violet", "occupation": "character" }';
　　var obj = eval('(' + str + ')');
　　alert(obj.toJSONString());
　　}
　　或者使用parseJSON()方法
　　js 代码
　　function myEval() {
　　var str = '{ "name": "Violet", "occupation": "character" }';
　　var obj = str.parseJSON();
　　alert(obj.toJSONString());
　　}
　　下面使用prototype写一个JSON的ajax例子。
　　先写一个servlet (我的是servlet.ajax.JSONTest1.java)就写一句话java 代码
　　response.getWriter().print("{ /"name/": /"Violet/", /"occupation/": /"character/" }");
　　再在页面中写一个ajax的请求
　　js 代码
　　function sendRequest() {
　　var url = "/MyWebApp/JSONTest1"
　　var mailAjax = new Ajax.Request(
　　url,
　　{
　　method: 'get',
　　onComplete: jsonResponse
　　}
　　);
　　}
　　function jsonResponse(originalRequest) {
　　alert(originalRequest.responseText);
　　var myobj = originalRequest.responseText.parseJSON();
　　alert(myobj.name);
　　}
　　prototype-1.5.1.js中提供了JSON的方法，String.evalJSON(), 可以不使用json.js, 修改上面的方法
　　js 代码
　　function jsonResponse(originalRequest) {
　　alert(originalRequest.responseText);
　　var myobj = originalRequest.responseText.evalJSON(true);
　　alert(myobj.name);
　　}
　　JSON还提供了java的jar包 http://www.json.org/java/index.html API也很简单，下面举个例子
　　在javascript中填加请求参数
　　js 代码
　　function sendRequest() {
　　var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
　　var pars = "car=" + carr.toJSONString();
　　
　　var url = "/MyWebApp/JSONTest1"
　　var mailAjax = new Ajax.Request(
　　url,
　　{
　　method: 'get',
　　parameters: pars,
　　onComplete: jsonResponse
　　}
　　);
　　}
　　使用JSON请求字符串就可以简单的生成JSONObject并进行解析,修改servlet添加JSON的处理(要使用json.jar)
　　java 代码
　　private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
　　String s3 = request.getParameter("car");
　　try {
　　JSONObject jsonObj = new JSONObject(s3);
　　System.out.println(jsonObj.getString("model"));
　　System.out.println(jsonObj.getInt("year"));
　　} catch (JSONException e) {
　　e.printStackTrace();
　　}
　　response.getWriter().print("{ /"name/": /"Violet/", /"occupation/": /"character/" }");
　　}
　　同样可以使用JSONObject生成JSON字符串，修改servlet
　　java 代码
　　private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
　　String s3 = request.getParameter("car");
　　try {
　　JSONObject jsonObj = new JSONObject(s3);
　　System.out.println(jsonObj.getString("model"));
　　System.out.println(jsonObj.getInt("year"));
　　} catch (JSONException e) {
　　e.printStackTrace();
　　}
　　
　　JSONObject resultJSON = new JSONObject();
　　try {
　　resultJSON.append("name", "Violet")
　　.append("occupation", "developer")
　　.append("age", new Integer(22));
　　System.out.println(resultJSON.toString());
　　} catch (JSONException e) {
　　e.printStackTrace();
　　}
　　response.getWriter().print(resultJSON.toString());
　　}
　　js 代码
　　function jsonResponse(originalRequest) {
　　alert(originalRequest.responseText);
　　var myobj = originalRequest.responseText.evalJSON(true);
　　alert(myobj.name);
　　alert(myobj.age);
　　}
　　参考
　　声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。若作者同意转载，必须以超链接形式标明文章原始出处和作者。
　　相关文章： JavaScript Integration 3分钟入门教材 脚本安需导入(装载)的三种模式的对比
　　评论 共 6 条
　　看完之后又如醍醐灌顶，太爽了，对Json能了解得更多了
　　sorry
　　wangcheng,我本来点击良好的,一不小心让我点击成了新手,罪过
　　我已经发了短信和管理员说了一下子了,让其改过来
　　lighter 写道
　　sorry
　　wangcheng,我本来点击良好的,一不小心让我点击成了新手,罪过
　　我已经发了短信和管理员说了一下子了,让其改过来
　　已经改好。
　　最新的json.js 在IE里无法使用，在FF里报错too much recursion但能用。
　　JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON 是JavaScript 原生格式，这意味着在JavaScript 中处理JSON 数据不需要任何特殊的API 或工具包。
　　JSON的规则很简单：对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使用“,”（逗号）分隔。具体细节参考http://www.json.org/json-zh.html
　　举个简单的例子：
　　js 代码
　　function showJSON() {
　　var user =
　　{
　　"username":"andy",
　　"age":20,
　　"info": { "tel": "123456", "cellphone": "98765"},
　　"address":
　　[
　　{"city":"beijing","postcode":"222333"},
　　{"city":"newyork","postcode":"555666"}
　　]
　　}
　　
　　alert(user.username);
　　alert(user.age);
　　alert(user.info.cellphone);
　　alert(user.address[0].city);
　　alert(user.address[0].postcode);
　　}
　　这表示一个user对象，拥有username, age, info, address 等属性。
　　同样也可以用JSON来简单的修改数据，修改上面的例子
　　js 代码
　　function showJSON() {
　　var user =
　　{
　　"username":"andy",
　　"age":20,
　　"info": { "tel": "123456", "cellphone": "98765"},
　　"address":
　　[
　　{"city":"beijing","postcode":"222333"},
　　{"city":"newyork","postcode":"555666"}
　　]
　　}
　　
　　alert(user.username);
　　alert(user.age);
　　alert(user.info.cellphone);
　　alert(user.address[0].city);
　　alert(user.address[0].postcode);
　　
　　user.username = "Tom"
　　alert(user.username);
　　}
　　JSON提供了json.js包，下载http://www.json.org/json.js后，将其引入然后就可以简单的使用object.toJSONString()转换成JSON数据。
　　js 代码
　　function showCar() {
　　var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
　　alert(carr.toJSONString());
　　}
　　function Car(make, model, year, color) {
　　this.make = make;
　　this.model = model;
　　this.year = year;
　　this.color = color;
　　}
　　可以使用eval来转换JSON字符到Object
　　js 代码
　　function myEval() {
　　var str = '{ "name": "Violet", "occupation": "character" }';
　　var obj = eval('(' + str + ')');
　　alert(obj.toJSONString());
　　}
　　或者使用parseJSON()方法
　　js 代码
　　function myEval() {
　　var str = '{ "name": "Violet", "occupation": "character" }';
　　var obj = str.parseJSON();
　　alert(obj.toJSONString());
　　}
　　下面使用prototype写一个JSON的ajax例子。
　　先写一个servlet (我的是servlet.ajax.JSONTest1.java)就写一句话java 代码
　　response.getWriter().print("{ /"name/": /"Violet/", /"occupation/": /"character/" }");
　　再在页面中写一个ajax的请求
　　js 代码
　　function sendRequest() {
　　var url = "/MyWebApp/JSONTest1"
　　var mailAjax = new Ajax.Request(
　　url,
　　{
　　method: 'get',
　　onComplete: jsonResponse
　　}
　　);
　　}
　　function jsonResponse(originalRequest) {
　　alert(originalRequest.responseText);
　　var myobj = originalRequest.responseText.parseJSON();
　　alert(myobj.name);
　　}
　　prototype-1.5.1.js中提供了JSON的方法，String.evalJSON(), 可以不使用json.js, 修改上面的方法
　　js 代码
　　function jsonResponse(originalRequest) {
　　alert(originalRequest.responseText);
　　var myobj = originalRequest.responseText.evalJSON(true);
　　alert(myobj.name);
　　}
　　JSON还提供了java的jar包 http://www.json.org/java/index.html API也很简单，下面举个例子
　　在javascript中填加请求参数
　　js 代码
　　function sendRequest() {
　　var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
　　var pars = "car=" + carr.toJSONString();
　　
　　var url = "/MyWebApp/JSONTest1"
　　var mailAjax = new Ajax.Request(
　　url,
　　{
　　method: 'get',
　　parameters: pars,
　　onComplete: jsonResponse
　　}
　　);
　　}
　　使用JSON请求字符串就可以简单的生成JSONObject并进行解析,修改servlet添加JSON的处理(要使用json.jar)
　　java 代码
　　private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
　　String s3 = request.getParameter("car");
　　try {
　　JSONObject jsonObj = new JSONObject(s3);
　　System.out.println(jsonObj.getString("model"));
　　System.out.println(jsonObj.getInt("year"));
　　} catch (JSONException e) {
　　e.printStackTrace();
　　}
　　response.getWriter().print("{ /"name/": /"Violet/", /"occupation/": /"character/" }");
　　}
　　同样可以使用JSONObject生成JSON字符串，修改servlet
　　java 代码
　　private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
　　String s3 = request.getParameter("car");
　　try {
　　JSONObject jsonObj = new JSONObject(s3);
　　System.out.println(jsonObj.getString("model"));
　　System.out.println(jsonObj.getInt("year"));
　　} catch (JSONException e) {
　　e.printStackTrace();
　　}
　　
　　JSONObject resultJSON = new JSONObject();
　　try {
　　resultJSON.append("name", "Violet")
　　.append("occupation", "developer")
　　.append("age", new Integer(22));
　　System.out.println(resultJSON.toString());
　　} catch (JSONException e) {
　　e.printStackTrace();
　　}
　　response.getWriter().print(resultJSON.toString());
　　}
　　js 代码
　　function jsonResponse(originalRequest) {
　　alert(originalRequest.responseText);
　　var myobj = originalRequest.responseText.evalJSON(true);
　　alert(myobj.name);
　　alert(myobj.age);
　　}
　　参考
　　too much recursion很有可能就是JSON无法处理的一种情况：对象循环引用，例如：
　　代码
　　var user = { id:1, name:'hi' }; user.friends = [ user ]; user.toJSONString(); // Firefox中报too much recursion错误
　　这是JSON固有的缺陷
　　如果只需要支持Firefox，那可以用 uneval(user) 得到JSON的变种格式，IE不支持
　　如果要兼容Firefox、IE等，可以使用Objot、PHPRPC、Buffalo这些库来处理，当然格式与JSON是不同的