jQuery获取json数据
出自---小瓶子编辑
$.each()方法接受两个参数,第一个是需要遍历的对象集合(JSON对象集合),第二个是用来遍历的方法,这个方法又接受两个参数,第一个是遍历的index,第二个是当前遍历的值。哈哈,有了$.each()方法JSON的解析就迎刃而解咯。
function loadInfo() {
$.getJSON("loadInfo", function(data) {
$("#info").html("");//清空info内容
$.each(data.comments, function(i, item) {
$("#info").append(
"<div>" + item.id + "</div>" +
"<div>" + item.nickname + "</div>" +
"<div>" + item.content + "</div><hr/>");
});
});
}
正如上面,loadinfo是请求的地址,function(data){...}就是在请求成功后的回调函数,data封装了返回的JSON对象,在下面的$.each(data.comments,function(i,item){...})方法中data.comments直接到达JSON数据内包含的JSON数组:
[{"content":"很不错嘛","id":1,"nickname":"纳尼"},{"content":"哟西哟西","id":2,"nickname":"小强"}] $.each()方法中的function就是对这个数组进行遍历,再通过操作DOM插入到合适的地方的。在遍历的过程中,我们可以很方便的访问当前遍历index(代码中的”i“)和当前遍历的值(代码中的”item“)。结果如下:
原文:http://www.cnblogs.com/codeplus/archive/2011/07/182109544.html
转载于:https://www.cnblogs.com/nelsonlei/p/6099546.html
jQuery获取json数据相关推荐
- jQuery通过ajax方法获取json数据不执行success的原因及解决方法
1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...
- 使用JSONP,jQuery的ajax跨域获取json数据
网上找了很多资料,写的不错,推荐下: 1.深入浅出JSONP--解决ajax跨域问题 (http://www.cnblogs.com/chopper/archive/2012/03/24/240394 ...
- 利用jquery写的从后台获取json数据以表格显示,并带翻页功能.里面包含模式窗口等功能...
利用jquery写的从后台获取json数据,以表格显示,并带翻页功能 里面包含模式窗口等功能 大家看例子就懂了 下面是效果图: http://www.jm47.com/project/3001.asp ...
- jquery通过ajax方法获取json数据不执行success
1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...
- jQuery使用getJSON方法获取json数据完整示例
本文实例讲述了jQuery使用getJSON方法获取json数据.分享给大家供大家参考,具体如下: demo.js: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...
- jquery ajax 不执行success,jQuery通过ajax方法获取json数据不执行success的原因及解决方法...
1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...
- jQuery AJAX获取JSON数据解析多种方式示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 深入分析jquery解析json数据
我们先以解析上例中的comments对象的JSON数据为例,然后再小结jQuery中解析JSON数据的方法. JSON数据如下,是一个嵌套JSON: {"comments":[{& ...
- JQuery解析JSON数据
<script src="http://cdn.static.runoob.com/libs/jquery/1.8.3/jquery.js"></script&g ...
最新文章
- 平板电脑安装软件_题宝典软件升级了,微信公众号版不受影响,电脑版/手机APP/平板APP需要重新下载安装...
- 在Lotus Domino中使用Java构建应用程序
- PostgreSQL 打开文件句柄优化 - 百万以上实体对象初始化优化
- 计算机二级学号填错了,计算机二级错题(58页)-原创力文档
- iextensionunit类_Java ICompilationUnit.reconcile方法代码示例
- $query php,phpQuery让php处理html代码像jQuery一样方便
- 统一变更域本地管理员密码
- leetcode: 451. Sort Characters By Frequency
- android 记录崩溃日志
- VS code不用集成终端如何修改并推送分支?
- 算法导论笔记(四)算法分析常用符号
- 继电保护整定值计算软件_继电保护整定计算软件功能介绍
- firefox 各个版本都在这里
- 点云纹理映射 matlab,一种点云模型纹理映射方法与系统与流程
- 一张表了解四大物联网通信技术差异:NB-IoT 、LTEeMTC、LoRa与SigFox
- openstack 遇到的error
- 2022年美赛C题-交易策略-完整解题论文和代码
- 微信小程序网络请求之设置合法域名后不显示oss、cos的图片问题
- 我回来了,“纵使日薄西山”
- android8手机 使用方法,技巧丨8条使用技巧, 让你手机更安全(安卓篇)!