thymeleaf+bootstrap,onclick传参实现模态框中遇到的错误
生活随笔
收集整理的這篇文章主要介紹了
thymeleaf+bootstrap,onclick传参实现模态框中遇到的错误
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
網上大多帖子是這么寫的
onclick調javascript函數時,不能直接使用οnclick=“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> |
轉載于:https://www.cnblogs.com/sujunyuan/p/7919528.html
總結
以上是生活随笔為你收集整理的thymeleaf+bootstrap,onclick传参实现模态框中遇到的错误的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: phpstudy更改但是php版本没变
- 下一篇: virtualbox下给centos7固