最近在做一个网络聊天室的项目,想要把后端从数据库里面查询到的数据传送给前端,然后让前端来处理数据
我传送的数据为一个用户的好友,包括好友的名字和头像,头像为一个地址,而且因为一个用户逇好友不止一个,比如:
{"小王":"img/headdefault.jpg","华美":"img/headdefault.jpg","张三":"img/face001.jpg","王八":"img/headdefault.jpg","李明":"img/face001.jpg"}
这说明这个用户有五个好友,现在我想要把好友的用户名和头像显示在这里

这里我在后端是存储在map集合中的, 刚开始我想把map集合直接传给前端,结果发现我遍历不了传送给前端的数据,刚开始用el表达式,但是由于我不知道存储在map里面的key值到底是什么,所以就无法遍历。
后来我就想把后端的数据转化成JSON数据,然后在前端接收JSON数据,转换成对象,再把对象转换成JavaScript里的map集合,这样子我就可以遍历了
1. 首先将前端的map集合转换成json数据

2.在前端jsp页面用一个消息盒子接收数据
<span id="boxMessage1" style="display:none;">${friendjson}</span>
3. 在js文件中得到盒子里面的数据,将数据转成对象,再将对象转换成map集合,最后遍历输出map集合<

在构建网络聊天室项目中,遇到后端Java向前端传输用户好友信息的问题。原本尝试直接传递Map集合,但由于无法在前端遍历未知key的Map,于是改为将后端数据转化为JSON。步骤包括:1) 将后端Map转换为JSON;2) 前端使用消息盒子接收JSON数据;3) 在JavaScript中解析JSON为对象并转换为Map,进而遍历输出好友列表,以便动态添加到好友列表中。

446

被折叠的 条评论
为什么被折叠?



