springboot+themleaf+JavaScript进行json传值

曾经终败给现在 2024-02-19 12:19 15阅读 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='[{"address":"22","id":"1","phone":"2","sex":"2","username":"2"},
     {"address":"2","id":"2","phone":"2","sex":"2","username":"2"}]'

注：对于上述问题，可以采取如下转换（完整js如下）：

<script>
    	var result='[[${userList}]]';
    	var result = result.replace(/"/g,'"');
    	var result=eval(result);
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot+themleaf+JavaScript进行json传值

springboot+themleaf+JavaScript进行json传值跟springmvc+jsp+jstl的传值有点区别。 1、在maven项目的pom.xml引入

曾经终败给现在/ 2024年02月19日 12:19/ 0 赞/ 16 阅读

相关解决LocalDateTime传值JSON格式化问题

LocalDateTime是JDK8中提供的新功能，极大的优化了原生日期时间类的使用。但是第一次使用该类可能会在传值过程中出现格式化的小问题（如：JSON无法解析前端所传格式，

超、凢脫俗/ 2023年02月24日 07:53/ 0 赞/ 30 阅读

相关非父子组件进行传值

> 非父子组件之间传值，需要定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。公共bus.js //bus.js

曾经终败给现在/ 2022年12月15日 11:23/ 0 赞/ 158 阅读

相关 ajax传formdata类型的数据_前端利用formData格式进行数据上传，前端formData 传值和 json传值的区别？...

contentType 常见的格式 text/plain ：纯文本格式 application/json： JSON数据格式 application/x-www-form

爱被打了一巴掌/ 2022年11月06日 01:52/ 0 赞/ 226 阅读

相关关于json前后台传值

原创于我的网易博客,地址 [http://yannanying.blog.163.com/blog/static/2211131172014410115730322/][ht

落日映苍穹つ/ 2022年08月27日 07:52/ 0 赞/ 206 阅读

相关 curl进行传值（一）

<?php header("content-type:text/html;charset=utf-8"); function curlPost($url

淡淡的烟草味﹌/ 2022年07月27日 11:59/ 0 赞/ 144 阅读

相关接口json转换以及传值

//当接口是json时，需要解析 //解析json 并传值 <?php $phool=$_GET['phool']; //echo $p

布满荆棘的人生/ 2022年07月16日 08:44/ 0 赞/ 75 阅读

相关 Android Activity之间进行传值

Activity之间的传值方式有很多种,本次项目中主要用到了一下两种简单的传值方式第一种:通过Intent Extras //传值 Intent inte

阳光穿透心脏的1/2处/ 2022年05月29日 12:41/ 0 赞/ 279 阅读

相关 springMVC+ajax+json进行传值出现415（Unsupported Media Type）错误

参考这篇文章已经将可能出现的问题都说明白了，我这边解决的问题是jar包导入的问题，在这记录一下。 @ResponseBody将前端传过来的字符串参数赋值给contro

我不是女神ヾ/ 2022年04月15日 04:53/ 0 赞/ 98 阅读

相关 ajax：前后端json传值写法

ajax中的contentType有多种类型，默认是contentType=application/x-www-form-urlencoded;charset=utf-8;，如

女爷i/ 2021年09月15日 07:08/ 0 赞/ 432 阅读