在初步了解Json数据格式之后，接下来学习在jQuery框架下，如可读取一个JSON数据。由于JSON格式的javaScript的原生态格式，因此，在使用jQery访问JSON数据时十分方便的，只需要将一个JSON格式的数据赋值给一个变量，就可以通过点好 ".",以“变量名.记录名称”的形式读取名称对应的值。下面通过一个简单的示例加以说明。
示例 7-1 使用jQuery读取JSON数据
（1）功能描述
在页面中，当用户单击“获取数据”按钮时，将读取一个JSon格式数据，并将读取的内容显示在页面中。
（2）实现代码
新建一个HTML文件7-1.html，加入的代码如代码清单7-1所示。
<html>
<head>
<title>jQuery 读取JSon数据</title>
<script>
</script type="text/javascript">
var objInfo={
'name':' 陶国荣',
'sex':'男',
'email':'tao_guo_rong@163.com'
};
$(function(){
$("#Button1").click(function(){
var strHTML="";
strHTML+="姓名："+objInfo.name+"<br>";
strHTML+="姓名："+objInfo.set+"<br>";
strHTML+="邮箱："+objInfo.email+"<br>";
$("#Tip").html(strHTML);//显示处理后的数据
})
})
</head>
</html>
7/1/3
在JSON格式数据中，通常使用“name/value”形式来展示一些简单的数据，对于一些复杂的javaScript对象，这往往需要借助数组的形式。而Json中的数组是针对“value”值而言的，如果以数组的形式表示“value”值，那么就是以左中括号“[”开始，以右括号“]”结束。括号中有一条或多条JSon数据，各数据之间用逗号隔开；另外，“value” 值的类型包括字符型，数值型、逻辑型、对象和数组，并支持各种类型值的嵌套形式。
<script type="text/javascript">
var objData={
mamber:[{
grate:"一年级",
students:{
name:[ "刘小芳"，“李大明”]
},{
grate:"二年级"，
students:{
name:["张妍","蔡霞"]}
}}]};
function add_Grade(){
var objmember=objData.member;
var strHTML_0="";
$.each(objmember,function(index){
strHTML_0+='<a href="javascript:"οnclick="Ink_Click('+index+')">'
+
;
})
}
</script>
21万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
