javascript - 将多个参数从 thymeleaf 标签传递给 javascript 函数

Question

我对 thymeleaf 很陌生。在这里，我坚持传递参数。这是我的 html 页面。

<tr th:each="result : ${searchResult}">
<td>
    <a href="#" th:text="${result.getString('type')} +'|'+  ${result.getString('name')} +'|'+  ${result.getString('revision')}"></a>
</td>
<td>
    <a href="#" role="button" class="green" data-toggle="" onclick="dataSearchAjax1('Source','sourceResultDiv')">view</a>
</td>
</tr>

这是我的javascript函数

function dataSearchAjax1(searchType, resultDiv) {
        var typeVar=searchType;
        $.ajax({
            url : 'dataSearchAjax1',
            data: {type:typeVar},
            success : function(data) {
                $('#'+resultDiv).html(data);
            }
        });
    }

这里我必须传递 result.getString('type') 和 result.getString('name') 而不是 'source' 和 'sourceResultdiv'。

我试过了

 th:onclick="'javascript:dataSearchAjax1(\'' + ${result.getString('type')},${result.getString('name')} + '\');'"

我也尝试过 th:attr="online...tag..两者都不起作用。有人可以帮我吗？

Answer 1

您还需要转义 , 分隔符，因此执行函数调用的代码为:

th:onclick="'javascript:dataSearchAjax1(\'' + ${result.getString('type')} +'\',\''+ ${result.getString('name')} + '\');'"