var jsonobject=
{
//對象內的屬性語法(屬性名與屬性值是成對出現的)
propertyname:value,
//對象內的函數語法(函數名與函數內容是成對出現的)
functionname:function(){...;}
};
jsonobject -- JSON對象名稱
propertyname -- 屬性名稱
functionname -- 函數名稱
一對大括號,括起多個"名稱/值"的集合
JSON使用"名稱/值"對的集合表示,也可以被理解爲數組(Array)
屬性名或函數名可以是任意字符串,甚至是空字符串(見下面示例)
逗號用於隔開每對"名稱/值"對
字符串格式json轉化成json對象有3種方式:
1:js下用eval生成JSON對象 ---通過eval() 函數可以將JSON字符串轉化爲對象。
2:使用函數方式
3:使用js的json庫或者jQuery提供的js庫 --- 如果基於安全的考慮的話,最好是使用一個 JSON 解析器。 一個 JSON 解析器將只接受 JSON 文本。所以是更安全的。
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>字符串格式json如何轉化成json對象</title>
- <style type="text/css"></style>
- <script type="text/javascript">
- //方法1:js下用eval生成JSON對象
- function strJsonToJsonByEval(jsonData){
- var json = eval("(" + jsonData +")");//轉換爲json對象
- return json;
- }
- //方法2:使用函數方式
- function strJsonToJsonByFunction(jsonData){
- return ( new Function("return "+jsonData) )();
- }
- window.onload = function() {
- var jsonData = " {name1:'1',value1:'a',name2:'2',value2:'b' }";
- var json1 = strJsonToJsonByFunction(jsonData);
- alert("Function || " + json1.name1 + " --- " + json1.name2);
- var json2 = eval("( {name1:'1',value1:'a',name2:'2',value2:'b' } )");
- alert("eval(\"(\"jsonData\")\") || " + json2.value1 + " --- " + json2.value2);
- var json3 = strJsonToJsonByEval(jsonData);
- alert("Eval || " + json3.value1 + " --- " + json3.value2);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
寫成一個方法:
- /*
- * @method 將拼接好字符串格式的json 轉成json對象
- * @param jsonData param fomart:
- * var jsonData = "{name1:'1',value1:'a',name2:'2',value2:'b' }";
- * @return json;
- */
- function strJsonToJson(jsonData){
- //方法1:js下用eval生成JSON對象
- //var json = eval("(" + jsonData +")");//轉換爲json對象
- //return json;
- //方法2:使用函數方式
- return ( new Function("return "+jsonData) )();
- }
===========================================================================
3、jQuery
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>jQuery插件方式解析json</title>
- <script type="text/javascript" src="jquery-1.9.1.js"></script>
- <script type="text/javascript" src="jquery.json-2.4.js"></script>
- <script type="text/javascript">
- /*
- jquery-1.9.1.js 提供的方法。
- jQuery.parseJSON( json ) 返回: Object
- 接受一個標準格式的 JSON 字符串,並返回解析後的 JavaScript 對象。
- 傳入格式有誤的 JSON 字符串可能導致拋出異常。例如,下面這些 JSON 字符串格式都不對:
- {test: 1} (test 沒有使用雙引號包裹).
- {'test': 1} ('test' 用了單引號而不是雙引號包裹).
- 另外,如果你什麼都不傳入,或者傳入空字符串、null、undefined 等,parseJSON 都會返回 null 。如果瀏覽器原生實現了 JSON.parse, jQuery 則會使用它來解析字符串。
- */
- var strJson = '{"name":"John"}';
- //var strJson = "{name:'John'}";//錯誤格式,必須嚴格滿足一個標準格式的 JSON 字符串,key--value 都用雙引號包裹
- var obj = jQuery.parseJSON(strJson);
- alert( obj.name === "John" ); // true
- var obj2 = $.parseJSON(strJson);
- alert( obj2.name ); //John
- /*
- jquery.json-2.4.js 提供的方法。
- 下面的方法在接受一個標準格式的 JSON 字符串 並不是很嚴格,只要是鍵值對形式的都可以。
- http://code.google.com/p/jquery-json/
- toJSON: Serializes a javascript object, number, string, or array into JSON.
- evalJSON: Converts from JSON to Javascript, quickly, and is trivial.
- */
- //Json Object
- var json = { plugin: 'jquery-json', version: 2.4 };
- //toJSON: Json Object ---> String Json
- var encoded = $.toJSON( json );// '{"plugin":"jquery-json","version":2.4}'
- //evalJSON: String Json ---> Json Object
- var jsonObject = $.evalJSON( encoded );
- var name = $.evalJSON( encoded ).plugin;// "jquery-json"
- var version = $.evalJSON(encoded).version;// 2.4
- alert( "toJSON: " + encoded + " ,typeof " + typeof encoded + "\r\n\r\n"
- + "evalJSON: " + jsonObject + " ,typeof " + typeof(jsonObject) + "\r\n\r\n"
- + "name= " + name + " , version= " + version );
- </script>
- </head>
- <body>
- </body>
- </html>