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>