springboot+themleaf+JavaScript进行json传值

8 篇文章 0 订阅
2 篇文章 0 订阅

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>  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值