Question

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

我可以得到像

这样的变量

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

我需要将该id传递给

内的函数

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

那里有一个功能：

function myFunction(id){

}

Answer 1

内联HTML示例：

th:onclick="${'myFunction(' + id + ');'}"

Answer 2

您可以这样做：

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

然后在你的js函数中：

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

请注意，我使用Jquery，但原理是相同的。

如果JS函数代码在您的html页面（而不是.js外部文件）中，您可以像这样访问模型值：

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

Answer 3

传递这样的变量：

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

Answer 4

试试这个：（聚会有点晚）

SELECT bookingCode
FROM bookings
WHERE status = 'CANCELED'
AND bookingCode NOT IN (
    SELECT bookingCode
    FROM bookings
    WHERE status != 'CANCELED'
)

将变量从百万美元传递到javascript函数？

4 个答案: