Jquery获取list数组

iteye_13003

于 2011-03-07 13:36:15 发布

阅读量843

点赞数

CC 4.0 BY-SA版权

文章标签： jQuery HTML ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_13003/article/details/82030760

本文介绍如何使用jQuery的getJSON方法从服务器获取JSON格式的用户列表，并将其动态地展示到网页上。具体步骤包括：为按钮添加点击事件，通过AJAX请求获取数据，使用each循环遍历JSON数组并将数据插入到DOM中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//为获取List对象按钮添加鼠标单击事件
		$("#getList").click(
				function() {
					$.getJSON("../user!returnList.action", function(data) {
						//清空显示层中的数据
							$("#message").html("");
							//使用jQuery中的each(data,function(){});函数
							//从data.userInfosList获取UserInfo对象放入value之中
							$.each(data.usersList, function(i, value) {
								$("#message").append(
										"<div>第" + (i + 1) + "个用户：</div>")
										.append(
												"<div><font color='red'>用户ID："
														+ value.id
														+ "</font></div>")
										.append(
												"<div><font color='red'>用户名："
														+ value.username
														+ "</font></div>")
										.append(
												"<div><font color='red'>密码："
														+ value.password
														+ "</font></div>");
							});
						});
				});