把一个变量从thymeleaf传递给一个javascript函数？

wfveoks0 于 2023-04-28 发布在 Java

关注(0)|答案(5)|浏览(176)

我有一个html文件，thymeleaf，它有一个从控制器传递来的变量，我需要给予给一个外部javascript文件上的函数。我该怎么做？
我可以得到变量

<label th:utext="${id}" ></label>

我需要把这个id传递给一个函数

<script th:src="@{/js/myfunctions.js}" type="text/javascript"></script>

这里有一个函数：

function myFunction(id){

}

5条答案

你可以这样做：

<input type="hidden" id="yourId" th:value="${id}"/>

然后在js函数中：

function myFunction(){
 var val = $("#yourId").val();
}

请注意，我使用Jquery，但原理是一样的。
如果JS函数代码在你的html页面中（不是。js外部文件）可以访问模型值如下：

function myFunction(){
  var val = "${id}";
}

这句话的意思是：（有点晚了）

<script type="text/javascript" th:inline="javascript">

th:attr="onChange=|yourFunction(${id})|" </script>

内联HTML示例：
th:onclick="${'myFunction(' + id + ');'}"

传递一个像这样的变量：

<script th:inline="javascript">myFunction(/*[[${id}]]*/);</script>

这是一个例子：

//for parameter
function myfunction ([[${id}]]){
    //this is for address rout 
    window.location=[[@{/user}]]
}

使用[[]]并放入thymleaf表达式