Java后台与js前端之间的通信问题

      今天写代码遇到一个问题,就是需要在js中获取后台传过来的list集合,还需要对list进行遍历获取里面的对象,首先想到的是将list绑定到request对象上转发到前端,然后用EL表达式直接获取该list集合,可是遍历该list出问题了,因为此时list已经不是集合了,而是字符串,对字符串遍历只能得到单个字符,没法获取里面存储的对象,所以这条路走不通。

然后想到了先将数据传到JSP中,用jstl表达式对其进行遍历,将遍历得到的结果装到一个隐藏的div里面,通过jQuery获取该div里的HTML来间接获取list里的内容,这样做

是可以的,代码如下

Java后台与js前端之间的通信问题_第1张图片


这样做的坏处是还得写jstl及div,比较麻烦,然后想到了用json,流程是这样的,在后台先将list集合转化为json字符串,然后绑定到request上转发到前端,在js中直接用EL表达式获取已转化为json字符串的list,在js中json字符串会被自动转化为json对象,这样list就变成了json数组,遍历的时候就比较方便了,获取到json对象后,再根据键就可以取到值了,代码如下:

后台:

@Override
protected void service(HttpServletRequest req, HttpServletResponse resp) 
throws ServletException, IOException {
List list=dao.findAll();
//==================================
JSONArray jsonArray2 = JSONArray.fromObject(list);//将集合转换为json格式
String jsonString=jsonArray2.toString();//将json转换为字符串
//==================================
req.setAttribute("list", jsonString);
//请求转发
req.getRequestDispatcher("/baidu.jsp").forward(req, resp);
}

前端js:

 var points = new Array();
var list=${list};
for (var i in list) {
var lon=list[i].longitude;//经度
var lat=list[i].latitude;//纬度
points[i]=new BMap.Point(lon,lat);
}

使用JSONArray需要导入包json-lib,在阿里云的maven价包库中坐标为


 
        net.sf.json-lib
 
        json-lib
 
        2.2.1
 
        jdk13

导入这个包,与其相关联的包都会导入。

你可能感兴趣的:(Java后台与js前端之间的通信问题)