Passing multiple parameters to a javascript function from thymeleaf tag

Question

I'm very new to thymeleaf. Here i have stuck in passing parameter. Here is my html page.

<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>

This is my javascript function

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

Here i Have to pass result.getString('type') and result.getString('name') instead of 'source' and 'sourceResultdiv'.

I have tried

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

Also i tried with th:attr="online...tag..Both are not working. Can somebody please help me?

Leandro Carracedo · Accepted Answer · 2015-01-29 13:58:46Z

11

You need to escape the , separator also, so the code to perform the function call would be:

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

answered Jan 29, 2015 at 13:58

Leandro Carracedo

7,4032 gold badges48 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arv · Accepted Answer · 2021-07-18 07:20:44Z

1

This works for me, easy and clear to use [[ ]]

Pass multiple parameters:

<button type="button" id="editUserButton" class="btn btn-primary" th:onclick="editUser([[${user.getId}]],[[${user.getLastName}]])">Edit</button>


th:onclick="dataSearchAjax1([[${result.getString('type')}]] ,[[ ${result.getString('name')}]])"

answered Jul 18, 2021 at 7:20

Arv

4674 silver badges6 bronze badges

Collectives™ on Stack Overflow

Passing multiple parameters to a javascript function from thymeleaf tag

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related