分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

jQuery获取json数据

发布时间:2023-09-06 01:19责任编辑:沈小雨关键词:jsjQueryjson

出自---小瓶子编辑

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

jQuery获取json数据

原文地址:http://www.cnblogs.com/nelsonlei/p/6099546.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved