后端java向前端传输JSON数据遇到的问题

最近在做一个网络聊天室的项目,想要把后端从数据库里面查询到的数据传送给前端,然后让前端来处理数据

我传送的数据为一个用户的好友,包括好友的名字和头像,头像为一个地址,而且因为一个用户逇好友不止一个,比如:

{"小王":"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集合

接下来就是处理这些数据,动态的加入到好友列表中皆可以了