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);//显示处理后的数据         })         })})       
  
 
  

  

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


请使用浏览器的分享功能分享到微信等