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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script>
$(function(){

//1.json
var onePeople={name:"Lee",sex:"男",age:"28"};
$("#l_name").text(onePeople.name);
$("#l_sex").text(onePeople.sex);
$("#l_age").text(onePeople.age);

//2.json数组
var somePeople=[
    {name:"Lee",sex:"男",age:"28"},
    {name:"Tom",sex:"男",age:"27"},
    {name:"Lucy",sex:"女",age:"25"}
];
$.each(somePeople,function(){
    $("#peopleList").append(this.name+"____"+this.sex+"____"+this.age+"<br/>");
});

});

</script>

</head>

<body>
Lee的信息:<br/>
姓名:<span id="l_name"></span>&nbsp;&nbsp;性别:<span id="l_sex"></span>&nbsp;&nbsp;年龄:<span id="l_age"></span>&nbsp;&nbsp;<br/><br/>
人员别表:
<div id="peopleList"></div>
</body>
</html>

posted on 2012-02-22 17:39  woshilee  阅读(119)  评论(0)    收藏  举报

导航