js實例教程-JS中生成和解析JSON的方法講解

小寶典致力於為廣大程序猿(媛)提供高品質的代碼服務,請大家多多光顧小站,小寶典在此謝過。

1、JS中生成JSON對象的方法:

var json = [];

var row1 = {};

row1.id= "1";

row1.name = "jyy";

或者var row2 = {id:'2',name:'abc'}

json.push(row1);

json.push(row2);

2、JS中將JSON對象解析為字符串的方法:

var jsonStr = JSON.stringify(json);

3、JS解析JSON對象或者字符串的方法:

var objs = eval(json);或者var objs = eval(jsonStr);

for(var j = 0;j<objs.length;j++){

   alert(objs[j].id);

   alert(objs[j].name);

  }

4、頁面中Json對象與Json字符串互轉(4種轉換方式):

1>jQuery插件支持的轉換方式:

$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以將json字符串轉換成json對象

2>瀏覽器支持的轉換方式(Firefox,chrome,opera,safari,ie9,ie8)等瀏覽器:

JSON.parse(jsonstr); //可以將json字符串轉換成json對象

JSON.stringify(jsonobj); //可以將json對象轉換成json對符串

註:ie8(兼容模式),ie7和ie6沒有JSON對象,推薦採用JSON官方的方式,引入json.js。 

3>Javascript支持的轉換方式: 

eval('(' + jsonstr + ')'); //可以將json字符串轉換成json對象,注意需要在json字符外包裹一對小括號 

註:ie8(兼容模式),ie7和ie6也可以使用eval()將字符串轉為JSON對象,但不推薦這些方式,這種方式不安全eval會執行json串中的表達式。

1、JS中生成JSON對象的方法:

var json = [];

var row1 = {};

row1.id= "1";

row1.name = "jyy";

或者var row2 = {id:'2',name:'abc'}

json.push(row1);

json.push(row2);

2、JS中將JSON對象解析為字符串的方法:

var jsonStr = JSON.stringify(json);

3、JS解析JSON對象或者字符串的方法:

var objs = eval(json);或者var objs = eval(jsonStr);

for(var j = 0;j<objs.length;j++){

   alert(objs[j].id);

   alert(objs[j].name);

  }

4、頁面中Json對象與Json字符串互轉(4種轉換方式):

1>jQuery插件支持的轉換方式:

$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以將json字符串轉換成json對象

2>瀏覽器支持的轉換方式(Firefox,chrome,opera,safari,ie9,ie8)等瀏覽器:

JSON.parse(jsonstr); //可以將json字符串轉換成json對象

JSON.stringify(jsonobj); //可以將json對象轉換成json對符串

註:ie8(兼容模式),ie7和ie6沒有JSON對象,推薦採用JSON官方的方式,引入json.js。 

3>Javascript支持的轉換方式: 

eval('(' + jsonstr + ')'); //可以將json字符串轉換成json對象,注意需要在json字符外包裹一對小括號 

註:ie8(兼容模式),ie7和ie6也可以使用eval()將字符串轉為JSON對象,但不推薦這些方式,這種方式不安全eval會執行json串中的表達式。

覺得可用,就經常來吧!Javascript技巧 腳本寶典 歡迎評論哦! js技巧,巧奪天工,精雕玉琢。小寶典獻醜了!

脚本宝典为你提供优质服务
脚本宝典 » js實例教程-JS中生成和解析JSON的方法講解

发表评论

提供最优质的资源集合

立即查看 了解详情