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://kswjz.com/article/dgpgpp.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
