sujunyuan

网上大多帖子是这么写的

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>

分类:

技术点:

相关文章: