Json的几种简单操作

来源：互联网发布：云计算雾计算编辑：程序博客网时间：2024/05/16 09:21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>each与json 简单使用</title>

$(document).ready(function(){

//处理多个括号形式--有带索引的

$('#divI .mdiva').click(function(){

$.each( [{ name: "John", lang: "JS",ZWP:'STRONG' },{ name: "John111", lang: "JS111",ZWP:'STRONG111' }], function(index,n){

alert( "Index: " + index + ", Name: " + n['name'] +",Lang: "+n['lang']+",ZWP: "+n['ZWP'] );

});

})

//处理多个括号形式--不带索引的

$('#divI .mdiv').click(function(){

$.each( [{ name: "John", lang: "JS",ZWP:'STRONG' },{ name: "John111", lang: "JS111",ZWP:'STRONG111' }], function(){

alert( " Name: " + this['name'] +",Lang: "+this['lang']+",ZWP: "+this['ZWP'] );

});

//处理单个括号形式

$('input.sdiv').eq(0).click(function(){

$.each({user:'zwp',address:'qz'},function(index,n){

alert("name: "+ index +",Value: "+n);

});

//装载div内容

$('#loadJson').click(function(){

$.getScript('js/jshelp/c.js');

});

//卸载div内容

$('#unloadJson').click(function(){

$('#divc').empty();

});

//js直接操作json

$('#divd').click(function(){

var j={"name":"Michael","address":{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}};

alert(j.name+","+j.address.city);

});

</script>

</head>

<body>

</div>

</div>

</body>

</html>