Jquery获取Map对象

最新推荐文章于 2024-07-30 03:33:03 发布

原创最新推荐文章于 2024-07-30 03:33:03 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #HTML #ViewUI

本文介绍如何使用jQuery的getJSON方法获取服务器返回的JSON数据，并将这些数据展示在网页上。具体步骤包括为按钮添加点击事件，通过ajax请求获取包含用户信息的Map对象，然后遍历Map对象并将相关信息如用户ID、用户名及密码等动态插入到页面中。

//为获取Map对象按钮添加鼠标单击事件
		$("#getMap").click(
				function() {
					$.getJSON("../user!returnMap.action", function(data) {
						//清空显示层中的数据
							$("#message").html("");
							//使用jQuery中的each(data,function(){});函数
							//从data.userInfosList获取UserInfo对象放入value之中
							//key值为Map的键值
							$.each(data.usersMap, function(key, value) {
								$("#message").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>");
							});
						});
				});