- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
jQuery解析JSON
jQuery 中使用 JSON
JSON 格式
json 是 Ajax 中使用频率最高的数据格式,在浏览器和服务器中之间的通讯可离不开它。需要特别注意的是,在 JSON 中的属性名是需要使用引号引起来的。
jQuery 中使用 JSON
jQuery 是现在使用广泛的脚本库,那么,在 jQuery 中如何使用 JSON 呢?
1、本身就是JSON数据格式。就按JSON数据访问即可,如下例子:
$(function(){
var people2={name1:a1,name2:a2,name3:a3};
alert(3);
});
2、如果是JSON数据格式的字符串,则先要调用jQuery.parseJSON()把字符串转化为JSON数据格式。
script type=text/javascript
$(function(){
var people={name1:a1,name2:a2,name3:a3};
var json= $.parseJSON(people);
alert(2);
});
/script
3、jquery-json 扩展库
这个库用来扩展 jQuery ,对于 JSON 的使用,扩展了两个方法。
toJSON 方法用来将一个普通的 对象序列化为 JSON 串。evalJSON 方法将一个 JSON串解析为一个普通的 对象。
!DOCTYPE html
html
head
title/title
script type=text/javascript src=js/jquery-1.11.0.js/script
script type=text/javascript src=js/jquery.json-2.4.min.js/script
/head
body
/body
script type=text/javascript
$(function(){
var thing = {plugin:jquery-json, version:2.3};
var encoded = $.toJSON(thing); // 把一个JSON转化为String
var name = $.evalJSON(encoded).plugin; // 把一个String解析为JSON
alert(name);
});
/script
/html
4、$.getJSON()
获取JSON数据,在jQuery中有一个简单的方法 $.getJSON() 可以实现。
下面引用的是官方API对$.getJSON()的说明:
jQuery.getJSON( url, [data,] [success(data, textStatus, jqXHR)] )
urlA string containing the URL to which the request is sent.
Data A map or string that is sent to the server with the request.
success(data, textStatus, jqXHR) A callback function that is executed if the request succeeds.
$.each()是用来在回调函数中解析JSON数据的方法,下面是官方文档:
jQuery.each(collection,callback(indexInArray, valueOfElement) )
collection:The object or array to iterate over.
callback(indexInArray, valueOfElement)The function that will be executed on every object.
$.each()方法接受两个参数,第一个是需要遍历的对象集合(JSON对象集合),第二个是用来遍历的方法,这个方法又接受两个参数,第一个是遍历的index,第二个是当前遍历的值。
function loadInfo() { $.getJSON(loadInfo, function(data) { $(#info).html();//清空info内容 $.each(ments, function(i, item) {
文档评论(0)