jquery获取json数据-内江站浩晨众云

新闻中心

这里有您想知道的互联网营销解决方案

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://www.jxjierui.cn/article/gpgsdp.html

新闻中心

其他资讯