js中获取html里java后端传递过来的对象或List写法

springmvc的controll中使用Model即可轻松将对象或list等内容直接传递到html页面的初始化显示,而js中要获取该对象的属性也很轻松,如下:

一、html中写法(对于单个属性)

在js中可直接使用name获取

<script type="text/javascript">
    var name = '${name}';
</script>

而对于对象或list的传递,不能直接使用上面的写法,js会报错。而对于此种情况,需在后端用JSON将对象处理成json格式,再到html页面转成对象。

二、后端到前端html的写法如下:
@RequestMapping("/to-user")
public String toUser(Model model){
	User user = new User();
	user.setName("张三");
	user.setAge(12);
    Object json = JSONObject.toJSON(user);
    model.addAttribute("user",json);
    return "/user.html";
}
<script type="text/javascript">
    var user= JSON.parse('${user}');
</script>

你可能感兴趣的:(java)