php getjson,怎么使用getJSON方法获取json数据实例详解

这篇文章主要介绍了jQuery使用getJSON方法获取json数据,结合完整实例形式分析了getJSON方法读取与遍历json文件数据的相关技巧,需要的朋友可以参考下

本文实例讲述了jQuery使用getJSON方法获取json数据。分享给大家供大家参考，具体如下：

demo.js：

[

{

"name":"吴者然",

"sex":"男",

"email":"demo1@123.com"

},

{

"name":"吴中者",

"sex":"男",

"email":"demo2@123.com"

},

{

"name":"何开",

"sex":"女",

"email":"demo3@123.com"

}

]

demo.html：

getJSON获取数据

#pframe {

border: 1px solid #999;

width: 500px;

margin: 0 auto;

}

.loadTitle {

background: #CCC;

height: 30px;

}

$(function(){

$("#btn").click(function(){

$.getJSON("js/demo.js",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);//显示处理后的数据

})

})

})

效果图如下：

这里把 JSON 的后缀名改为 JS，放在 WEB 容器中则可以正常读取。