189 8069 5689

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://www.cdxtjz.cn/article/dgpgpp.html

其他资讯