后端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集合
接下来就是处理这些数据,动态的加入到好友列表中皆可以了