用thymeleaf中的参数调用javascript函数
我需要使用thymeleaf从html调用一个javascript函数。在这个特定的例子中，我有一个student对象，我需要将这个student对象传递给javascript函数（edit（））以便在单击按钮时进行处理。
重要代码段：
<form action="/addStudent" method="post">
Name:<br>
<input type="text" id="name" name="name"><br>
<input type="submit" value="Submit"></form>
<table>
<tr>
<th>ID</th>
<th>Name</th>
</tr>
<tr th:each="student : ${students}">
<td th:text="${student.id}"></td>
<td th:text="${student.name}"></td>
<td>
<button type="button" th:onclick="'edit(\'' + ${student} + '\');'">Edit</button>
</td>
</tr></table>
<script type="text/javascript">
function edit(student)
{
console.log("--------------------edit---------------------" + student.name);
}</script>
共有1个答案
出于安全考虑，您必须定义用作数据属性的参数（在thymeleaf的最新版本中）。按以下方式进行：
th:data-student="${student}" th:onclick="edit(this.getAttribute('data-student'))"
-
我试图将返回的javascript函数的文本值附加到thymeleaf th：text模板。 可以用绑定javascript函数。 可以将javascript函数与绑定吗？ span标记在循环中。 我想使用回调函数与th：text。
-
本文向大家介绍javascript中函数作为参数调用的方法，包括了javascript中函数作为参数调用的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript中函数作为参数调用的方法。分享给大家供大家参考。具体分析如下： 先来看示例： 这段代码执行的顺序是：从上往下顺序解释执行，这是JS的规定。 这里主要说明一下m.eachMap()中函数做为参数是怎么传递并执行的：
-
本文向大家介绍JavaScript函数的调用以及参数传递，包括了JavaScript函数的调用以及参数传递的使用技巧和注意事项，需要的朋友参考一下 JavaScript 函数调用 JavaScript 函数有 4 种调用方式。 每种方式的不同方式在于 this 的初始化。 this 关键字 一般而言，在Javascript中，this指向函数执行时的当前对象。 Note 注意 this 是保留关键
-
本文向大家介绍JavaScript中setTimeout和setInterval函数的传参及调用，包括了JavaScript中setTimeout和setInterval函数的传参及调用的使用技巧和注意事项，需要的朋友参考一下 如何向 setTimeout 、 setInterval 传递参数 看如下代码： 这样写是可以正常工作的，但是如其说这是参数传递，还不如说是直接使用的全局变量。所以，这种写
-
问题内容： 有些事情像 但是，这是 在这种情况下，“ 1”似乎没有多大意义，以下工作正常： 您能否指向ECMAScript的描述该语法的特定部分？ 问题答案： 此运算符仅从左至右求值其操作数，并从第二个运算符返回值，例如： 在调用函数的上下文中，对操作数的求值将仅获取一个值，而不是引用，这将导致被调用函数内部的值指向全局对象（或者它将处于新的ECMAScript5 Strict模式下） 。 例如：
-
问题内容： 我想知道是否有可能仅在条件为真时在javascript中调用php函数。例如 有没有这样做的方法。如果是这样，请告诉我。谢谢 问题答案： 不能以上面说明的方式调用PHP函数。但是，您可以使用AJAX调用PHP脚本，代码如下所示。您也可以在这里找到一个简单的示例。让我知道您是否需要进一步澄清 使用jQuery 准系统Javascript替代