网上学习总结

jquery 解析 json数据

1.方式一：

json格式：

 {"name":"Tom","age":"23"}

<script>

var date = [ {"name":"Tom","age":"23"} ];

//通过遍历输出

for( var  i   in  date ){

document.write( date[i] ["name"]+ "<br/>");

document.write( date[i]["age"]);

}

</script>

2.方式二：

json格式：

{

"A":{

"a1":{"item":"A1"},

.....

}

"B":{

"b1":{"item":"B1"},

.....

}

"C":{

"c1":{"item":"C1"},

.....

}

}

<script>

var date = [ 

 

{

"A":{

"a1":{"item":"A1"},

.....

}

"B":{

"b1":{"item":"B1"},

.....

}

"C":{

"c1":{"item":"C1"},

.....

}

}

];

//遍历

for( var i  in  date){

document.write( i  + "<br/>");

for( var  y  in   date[ i ]){

document.write( y + "<br/>" );

for( var  z  in date[ i ][ y ] ){

documet.write( z + " ," + date[ i ] [ y ] [ z ] );

}

}

}

3.方式三：eval() 方法

　　var jsonDate = '{ "name":"Tom","age":23 }'

　　var jsonObj = eval( '(' + jsonDate + ')' );  

然后在控制台调用：

　　console.log( jsonObj.name );  //可以正确输入 Tom

4.方式四：JSON.parse()方法  次方法会自动验证json数据是否符合。

　 var jsonDate = '{ "name":"Tomt","age":23 }'

　　var jsonObj = JSON.parse( jsonDate ); 

然后在控制台调用：

　　console.log( jsonObj.name );  //可以正确输入 Tom