thymeleaf+bootstrap,onclick传参实现模态框中遇到的错误

网上大多帖子是这么写的

onclick调javascript函数时,不能直接使用onclick=“editUser(${prod.id})”,这样会报错,需要修改成如下的格式。

1
2
3
4
5
6
7
8
9
10
11
<a href="#editModal" role="button" data-toggle="modal" th:onclick="'javascript:editUser('+${prod.id}+');'">修改</a>
 
<script>
 
function editUser(id){
         $.get("/projectName/user/edit",{objectid:id},function(data) {
                $("#frm_container1").html(data);
            });
     }
 
</script>

 

但是这种方式对于我的问题并不是很适用,按照这种方式,改过之后,前端依旧报错

取不到传递的字符串,大概就是这个被传递的字符串木有被定义 is not define

所以,对于thymeleaf+bootstrap,onclick传递字符串参数时,应该是这样的

1
<a href="#editModal" role="button" data-toggle="modal" th:onclick="'javascript:editUser(\''+${prod.id}+'\');'">修改</a>
posted @ 2017-11-29 11:42  yhjjgj  阅读(378)  评论(0)    收藏  举报