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> |