前端頁面Json對象與Json字元串的互相轉換

一：Json對象轉換為json字元串

第一種：使用最原始的for循環自己拼裝組合，這個我就不寫例子了

第二種：使用浏覽器自帶的JSON對象，缺點是相容性不好，對于ie8以下的版本不支援。

1 2 3

var userinfo = { name:  "張三" , age: 1, classname:  "一年級" ,friends:[ "N1" , "N2" , "N3" ] }; //Json 對象轉換為json字元串 var s = JSON.stringify(userinfo);

第三種：引用json2.js ,使用JSON對象轉換，相容所有浏覽器

1 2 3

var userinfo = { name:  "張三" , age: 1, classname:  "一年級" ,friends:[ "N1" , "N2" , "N3" ] }; //Json 對象轉換為json字元串 var s = JSON.stringify(userinfo);

二：json字元串轉換為Json對象 （用到這樣的場景比較多）

第一種：使用Ajax 的轉換對象

1 2	var workJsonString =  "{\"name\":\"張三\",\"age\":1,\"classname\":\"一年級\"}" ; var work1 = $.parseJSON(workJsonString); //使用Ajax

第二種：使用浏覽器自帶的JSON對象，缺點是相容性不好，對于ie8以下的版本不支援。

1 2	var workJsonString =  "{\"name\":\"張三\",\"age\":1,\"classname\":\"一年級\"}" ; var work2 = JSON.parse(workJsonString); //浏覽器自帶的對象  相容問題

第三種：引用json2.js ,使用JSON對象轉換，相容所有浏覽器

1 2	var workJsonString =  "{\"name\":\"張三\",\"age\":1,\"classname\":\"一年級\"}" ; var work3 = JSON.parse(workJsonString);

第四種：使用eval()對象 注意：json字元串的兩端需要加上一個括号

1 2	var workJsonString =  "{\"name\":\"張三\",\"age\":1,\"classname\":\"一年級\"}" ; var work4=eval( "(" + workJsonString +  ")" );