jquery json 格式教程

介绍
我们知道AJAX技术能够使得每一次请求更加迅捷，对于每一次请求返回的不是整个页面，也仅仅是所需要返回的数据。通常AJAX通过返回XML格式的数据，然后再通过客户端复杂的JavaScript脚本解析和渲染这些XML格式的数据。
JSON（读Jason）是为了能够使得数据格式成为一种标准，更简单的被JavaScript解析。
 
优点
1、轻量级的数据交换格式
2、人们读写更加容易
3、易于机器的解析和生成
4、能够通过JavaScript中eval()函数解析JSON
5、JSON支持多语言。包括：ActionScript, C, C#, ColdFusion, E, Java, JavaScript, ML, Objective CAML, Perl, PHP, Python, Rebol, Ruby, and Lua.
 
语法
JSON语法是一种用于传输和生成数据的协定，很类似于C家族的语言，所以很容易被C家族的语言所解析。
对象：对象包含在{}之间
属性：采用Key-Value对来表示。属性之间使用逗号分开。  string : value
数组：数组存放在[]之间   [ elements ]
元素：元素之间用逗号分开
值：值可以是字符串，数字，对象，数组，true，false，null
例子：JSON
[
{
　name:"Michael",
　email:"17bity@gmail.com",
　homepage:"http://www.2cto.com"
},
{
　name:"John",
　email:"john@gmail.com",
　homepage:"http://www.2cto.com"
},
{
　name:"Peggy",
　email:"peggy@gmail.com",
　homepage:"http://www.2cto.com"
}
]

 
事实上google maps就没有采用XML传递数据，而是采用了JSON方案。
JSON的另外一个优势是”跨域性”，例如你在网页里使用





假如有两个变量，我要将a转换成字符串，将b转换成JSON对象：
JavaScript代码
 
var a={“name”:”tom”,”sex”:”男”,”age”:”24″};
var b=’{“name”:”Mike”,”sex”:”女”,”age”:”29″}’;

 
在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和 parse()方法。JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式；
上面的转换可以这么写：
 
  View Code
var a={“name”:”tom”,”sex”:”男”,”age”:”24″};
var b=’{“name”:”Mike”,”sex”:”女”,”age”:”29″}’;
var aToStr=JSON.stringify(a);
var bToObj=JSON.parse(b);
alert(typeof(aToStr));  //string
alert(typeof(bToObj));  //object

JSON.stringify()
 
ie8(兼容模式),ie7和ie6没有JSON对象，不过http://www.json.org/提供了一个json.js,这样ie8(兼 容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法；你可以在https://github.com /douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。ie8(兼容模式),ie7和ie6可以使用 eval()将字符串转为JSON对象：
JavaScript代码
var c=’{“name”:”Mike”,”sex”:”女”,”age”:”29″}’;
var cToObj=eval(“(“+c+”)”);
alert(typeof(cToObj));

jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json )，接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）对象。当然如果有兴趣可以自己封装一个jQuery扩展，jQuery.stringifyJSON(obj)将JSON转为字符串。
JSON.stringify(jsonobj)，本来是最简便的方法，可是存在浏览器兼容问题（仅适用于IE8+，Chrome 1+，FF 3+）。下面再介绍一个方法：
  View Code
var O2String = function (O) {
       //return JSON.stringify(jsonobj);

       var S = [];
       var J = ”";
       if (Object.prototype.toString.apply(O) === ’[object Array]‘) {
           for (var i = 0; i < O.length; i++)
               S.push(O2String(O[i]));
           J = ’[' + S.join(',') + ']‘;
       }
       else if (Object.prototype.toString.apply(O) === ’[object Date]‘) {
           J = ”new Date(“ + O.getTime() + ”)”;
       }
       else if (Object.prototype.toString.apply(O) === ’[object RegExp]‘ || Object.prototype.toString.apply(O) === ’[object Function]‘) {
           J = O.toString();
       }
       else if (Object.prototype.toString.apply(O) === ’[object Object]‘) {
           for (var i in O) {
               O[i] = typeof (O[i]) == ’string’ ? ’”‘ + O[i] + ’”‘ : (typeof (O[i]) === ’object’ ? O2String(O[i]) : O[i]);
               S.push(i + ’:' + O[i]);
           }
           J = ’{‘ + S.join(‘,’) + ’}';
       }

       return J;
};

 
使用方法也很简单：
 
  View Code
var jsonStr = O2String(
             [
                 {
                     "Page": "plan",
                     "Custom":
                     [
                         {
                             "ItemName": "CustomLabel1",
                             "ItemContent": 1,
                             "IsItem": true,
                             "ItemDate": new Date(1320774905467),
                             "ItemReg": /[\w]*?/gi,
                             ”ItemFunc”: function () { alert(“ItemFunc”); }
                         },
                         {
                             ”ItemName”: ”CustomLabel1″,
                             ”ItemContent”: 1,
                             ”IsItem”: true,
                             ”ItemDate”: new Date(1320774905467),
                             ”ItemReg”: /[\w]*?/gi,
                             ”ItemFunc”: function () { alert(“ItemFunc”); }
                         }
                     ]
                 },
                 {
                     ”Page”: ”project”,
                     ”Custom”:
                     [
                         {
                             "ItemName": "CustomLabel2",
                             "ItemContent": 2,
                             "IsItem": false,
                             "ItemDate": new Date(1320774905467),
                             "ItemReg": /[\w]*?/gi,
                             ”ItemFunc”: function () { alert(“ItemFunc”); }
                         },
                         {
                             ”ItemName”: ”CustomLabel2″,
                             ”ItemContent”: 2,
                             ”IsItem”: false,
                             ”ItemDate”: new Date(1320774905467),
                             ”ItemReg”: /[\w]*?/gi,
                             ”ItemFunc”: function () { alert(“ItemFunc”); }
                         }
                     ]
                 }
             ]
         );
         alert(jsonStr);
         var jsonObj = eval(“(“ + jsonStr + ”)”);
alert(jsonObj.length);

 摘自 dj1232090