首頁 > 開發者 > JavaScript
標籤：
什麼是JSON
JSON(JavaScript Object Notation)是一種優美的JavaScript對象建立方法。JSON也是一種輕量級資料交換格式。JSON非常易於人閱讀與編寫，同時利於機器解析與產生。JSON是在AJAX中代替XML交換資料的更佳方案。
JSON格式與文法
var jsonobject=
{
//對象內的屬性文法(屬性名稱與屬性值是成對出現的)
propertyname:value,
//對象內的函數文法(函數名與函數內容是成對出現的)
functionname:function(){...;}
};
jsonobject -- JSON對象名稱
propertyname -- 屬性名稱
functionname -- 函數名稱
一對大括弧，括起多個"名稱/值"的集合
JSON使用"名稱/值"對的集合表示，也可以被理解為數組(Array)
屬性名稱或函數名可以是任一字元串，甚至是Null 字元串(見下面樣本)
逗號用於隔開每對"名稱/值"對
字串格式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) )(); }
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 字元串、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" ); // truevar 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 Objectvar json = { plugin: ‘jquery-json‘, version: 2.4 };//toJSON: Json Object ---> String Jsonvar encoded = $.toJSON( json );// ‘{"plugin":"jquery-json","version":2.4}‘ //evalJSON: String Json ---> Json Objectvar jsonObject = $.evalJSON( encoded ); var name = $.evalJSON( encoded ).plugin;// "jquery-json"var version = $.evalJSON(encoded).version;// 2.4alert( "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>
http://rogerfederer.iteye.com/blog/1798024
javascript中字串格式json如何轉化成json對象
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
