牛骨文教育服务平台(让学习变的简单)
博文笔记

springboot+themleaf+JavaScript进行json传值

创建时间:2018-10-15 投稿人: 浏览次数:241

springboot+themleaf+JavaScript进行json传值跟springmvc+jsp+jstl的传值有点区别。
1、在maven项目的pom.xml引入net.sf.json加包,如下:

   <dependency>
		<groupId>net.sf.json-lib</groupId>
		<artifactId>json-lib</artifactId>
		<version>2.4</version>
		<classifier>jdk15</classifier>
	</dependency>

2、在controller控制内中的代码如下:

@RequestMapping(value = "/user_UserList", method = RequestMethod.GET)
public String UserList(ModelMap model,HttpServletResponse response){
	List<User> lst=userMapper.allUser();
	JSONArray ja=JSONArray.fromObject(lst);
	model.addAttribute("userList", ja);
	return "/SystemManager/BaseInformation/UserList";
}

注:上面接口中,是将一个list集合转换成json,再传到前段;
3、在themleaf的JavaScript中接收json值

  var result="[[${userList}]]";

但实际接收到的值如下:

 result="[{&quot;address&quot;:&quot;22&quot;,&quot;id&quot;:&quot;1&quot;,&quot;phone&quot;:&quot;2&quot;,&quot;sex&quot;:&quot;2&quot;,&quot;username&quot;:&quot;2&quot;},
 {&quot;address&quot;:&quot;2&quot;,&quot;id&quot;:&quot;2&quot;,&quot;phone&quot;:&quot;2&quot;,&quot;sex&quot;:&quot;2&quot;,&quot;username&quot;:&quot;2&quot;}]"

注:对于上述问题,可以采取如下转换(完整js如下):

 <script>
	var result="[[${userList}]]";
	var result = result.replace(/&quot;/g,""");
	var result=eval(result);
</script>  
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。