最近在做一个网络聊天室的项目,想要把后端从数据库里面查询到的数据传送给前端,然后让前端来处理数据
我传送的数据为一个用户的好友,包括好友的名字和头像,头像为一个地址,而且因为一个用户逇好友不止一个,比如:
{"小王":"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数据