1. 程式人生 > >前端頁面Json物件與Json字串的相互轉換

前端頁面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 + ")");