【www.gdgbn.com--jquery】

<script src="../jquery.js"></script>
<script>
$(document).ready(function(){
$.getjson("jsondata.json?id",function(data){
//遍历json中的每个entry

$.each(data,function(entryindex,entry){
var html="";
html+=""+entry["name"]+"";
html+=""+entry["sex"]+"";
html+=""+entry["home"]+"";
html+="";
$("#title").after(html);

});
});
});
</script>




姓名
性别
家庭地址

json文件:

[
{
"name":"xujun",
"sex":"男",
"home":"nanjing"
},
{
"name":"jack",
"sex":"男",
"home":"beijing"
}
]

户端用的 $.ajax 这个方法，里面的 datatype:"json" 这样设置的，如果服务端返回的是一个 json 格式的字符串，是不是必须调用 eval 方法来转换为 json 对象

$.ajax({
  type: "post",  
  url: "ajax.asp教程x",  
  data: "index=5",  
  datatype: "json",
  success:function(data){
  alert(data.name);
var person = data.d; 
for(var p in person){ 
  }
});

实例三

function btnclick1() {
            $.ajax({
                url: "json.ashx",
                type: "post",
                data: { cmd: "getinfo1" },
                beforesend: loading,
                success: function(data) {
                    //使用eval函数
                    var json = eval(data);
                    $("#dd").empty();
                    //因为上面为list集合
                    for (var i = 0; i < json.length; i++) {
                        $("#dd").append("

用户名：" + json[i].username + " 密码：" + json[i].pwd + "

");
                        //alert(json[i].id + "name:" + json[i].name);
                    }
                }

            });
        }

 
       

       
       

       
       
   
   
        sd
   

本文来源：http://www.gdgbn.com/wangyezhizuo/27660/