jQuery与JSON实践
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>each与json 简单使用</title>
<script src="js/jquery-1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(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 id="divI">
<input type="button" style="width: 250px;" value="多个中括号形式-带索引" id="Button1" class="mdiva" />
<input type="button" style="width: 250px;" value="多个中括号形式-不带索引" id="TestDiv" class="mdiv" />
</div>
<input type="button" style="width: 250px;" value="单个中括号形式" id="divs" class="sdiv" />
<br /><br /><br />
<input type="button" style="width: 250px;" value="装载Json" id="loadJson" />
<input type="button" style="width: 250px;" value="卸载Json" id="unloadJson" />
<input type="button" style="width: 250px" value="js直接操作json" id="divd" />
<div id="divc">
</div>
</body>
</html>
扫一扫
158
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
