c语言获取json数组里的数据,jQuery使用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获取数据

#divframe {

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 容器中则可以正常读取。

PS：这里再为大家推荐几款json在线工具，相信大家在今后的开发中可以用得到：

希望本文所述对大家jQuery程序设计有所帮助。