大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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数据
文章分享:http://dzwzjz.com/article/gpgsdp.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP