博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery获取json数据
阅读量:6940 次
发布时间:2019-06-27

本文共 874 字,大约阅读时间需要 2 分钟。

出自---小瓶子编辑

$.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

你可能感兴趣的文章
小米平板2简单卡刷开发版开启root权限的步骤
查看>>
阿里云前端周刊 - 第 11 期
查看>>
Java HttpRequest 详解
查看>>
iOS开发之定位
查看>>
探究行内元素和块级元素
查看>>
让自己的网站用上HTTPS
查看>>
Vuejs入门配置和一些常用报错内容及解决方案
查看>>
理解消息队列(MQ)
查看>>
App产品哪种文案提醒才能有效的让用户升级
查看>>
你不懂js系列学习笔记-类型与文法- 03
查看>>
如何处理JavaScript 中的货币值?
查看>>
阿里云使用说明--SSL配置
查看>>
MySQL 索引的原理与应用:索引类型,存储结构与锁
查看>>
ReactNative 接talkingdata统计
查看>>
写一个简易中间件
查看>>
小码哥iOS学习笔记第十三天:消息发送
查看>>
在Swift中使用value objects
查看>>
isEqual
查看>>
Swift 项目总结 01 Swift 反射应用于模型归档
查看>>
数据结构中常用的数学公式
查看>>