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

成都创新互联是专业的网站建设公司,提供网站建设,网站制作,网站设计等网站开发一体化解决方案;包括H5高端网站建设,重庆小程序开发公司,网站定制,企业网站建设,商城网站制作,响应式网站设计,建网站,PHP网站建设,软件开发,软文发稿,网站营销。欢迎做网站的企业前来合作洽谈,成都创新互联将竭诚为您服务!
json文件的实例内容
 
cat 1.json
[ 
{ 
"name":"张国立", 
"sex":"男", 
"email":"zhangguoli@123.com" 
}, 
{ 
"name":"张铁林", 
"sex":"男", 
"email":"zhangtieli@123.com" 
}, 
{ 
"name":"邓婕", 
"sex":"女", 
"email":"zhenjie@123.com" 
} 
]

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


名称栏目:jquery获取json数据-创新互联
新闻来源:http://ybzwz.com/article/dgpgpp.html

其他资讯