jquery获取json数据

 需要下载jquery的js文件
html 文件的内容
 cat 1.html
  
 
 
 
getJSON获取数据 
 
 
#divframe{ border:1px solid #999; width:500px; margin:0 auto;} 
.loadTitle{ background:#CCC; height:30px;} 
 
 
        $(function(){ 
                $("#btn").click(function(){ 
                $.getJSON("1.json",function(data){ 
                var $jsontip = $("#jsonTip"); 
                var strHtml = "123";//存储数据的变量 
                $jsontip.empty();//清空内容 
                $.each(data,function(infoIndex,info){ 
                        strHtml += "姓名："+info["name"]+"
"; 
                        strHtml += "性别："+info["sex"]+"
"; 
                        strHtml += "邮箱："+info["email"]+"
"; 
                        strHtml += "" 
                }) 
$jsontip.html(strHtml);//显示处理后的数据 
        }) 
        })
})

创新互联公司服务紧随时代发展步伐，进行技术革新和技术进步，经过10余年的发展和积累，已经汇集了一批资深网站策划师、设计师、专业的网站实施团队以及高素质售后服务人员，并且完全形成了一套成熟的业务流程，能够完全依照客户要求对网站进行网站建设、成都网站制作、建设、维护、更新和改版，实现客户网站对外宣传展示的首要目的，并为客户企业品牌互联网化提供全面的解决方案。

json文件的实例内容 cat 1.json [ { "name":"张国立", "sex":"男", "email":"zhangguoli@123.com" }, { "name":"张铁林", "sex":"男", "email":"zhangtieli@123.com" }, { "name":"邓婕", "sex":"女", "email":"zhenjie@123.com" } ]

jquery获取json数据

其他资讯