Отправка параметров в javascript из тимилиста

Question

Я пишу проект, основанный на Thymeleaf, и застрял с такой проблемой.У меня есть форма, которую предполагается отправить на сервер.Но перед отправкой мне нужно выполнить некоторые расчеты со страницами с hepl из JS.Поэтому я решил сделать что-то подобное:

   <form th:action= "'javascript:sendSearchRequest('this.form', '+${currentPage}+', '+${selectedPageSize}+')"

Так что в этом случае это кажется невозможным, потому что this.form не может быть обработан.Затем я попробовал другой подход:

 <button id="searchButton" class="btn btn-default" type="submit"
                        onclick="return sendSearchRequest(this.form, this.currentPage, this.selectedPageSize)">Search
 </button>

На этот раз я не могу работать с параметрами currentPage и selectedPageSize, потому что я мог вызывать их только из операторов thymleaf, например th: onclick.

Итак, вот мой вопрос: можно ли в моем примере отправить как параметр формы, так и некоторые параметры из модели, например $ {currentPage}

Answer 1

Вы можете добавить их как поля в форму (и получить к ним доступ в вас sendSearchRequest).

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

или как атрибуты данных в теге формы.

<form th:data-current-page="${currentPage}" th:selected-page-size="${selectedPageSize}" ... 

Я думаю, что вы также можете исправить нажатие кнопки, чтобы она выглядела так:

<button id="searchButton" class="btn btn-default" type="submit" th:onclick="|return sendSearchRequest(this.form, ${currentPage}, ${selectedPageSize})|">
    Search
</button>