如何将百里香字符串变量传递给javascript参数？答案

【问题标题】：How to pass thymeleaf String variable to javascript parameters?如何将百里香字符串变量传递给javascript参数？
【发布时间】：2019-11-25 04:20:38
【问题描述】：

您好，我是初级程序员。最后，我找到了一种将时间叶变量传递给 Javascript 函数参数的方法。但是当有多个 String 变量时，我不知道该怎么做。如何在 Javascript 函数中传递多个字符串变量？我附上以下来源:)

function loadDetailView(no,type){
  ...
}

<tbody id="docsTr">
     <tr th:if="${size} == '0'">
    <td colspan=7>No data!</td>
    </tr>
     <tr th:unless="${size} == '0'" th:each="docs : ${list}" 
       **th:onclick="|loadDetailView(${docs.no},${docs.type})|"** (500 error!)

*** docs.type 是字符串，docs.no 是整数

        <td th:text="${docs.board_no}">1</td>
        <td th:text="${docs.name}">Brian Willson</td>
        <td th:text="${docs.emp_rank}">Manager</td>
        <td th:text="${docs.reg_date}">2019-07-16</td>
      </tr>
</tbody>

错误：只有变量表达式返回数字或布尔值...

【问题讨论】：

标签： javascript spring-boot thymeleaf

【解决方案1】：

您不能再将字符串变量直接放入th:onclick 属性中。相反，您将它们放在data-* 属性中并在您的onclick 函数中引用它们。在您的情况下，它看起来像这样（请注意，它不再是 th:onclick，现在只是 onclick）：

<tr th:unless="${size} == '0'"
    th:each="docs : ${list}" 
    th:data-docsNo="${docs.no}"
    th:data-docsType="${docs.type}"
    onclick="loadDetailView(this.getAttribute('data-docsNo'),this.getAttribute('docsType'))"

【讨论】：