URL вызова кнопки Thymeleaf с параметрами в новой вкладке

Question

Как я могу создать кнопку в тимилфиле, чтобы она действовала как ссылка и открывалась в новой вкладке с некоторыми заданными параметрами?

Я пробовал это, но теперь работает:

<button th:onclick="window.open('https://www.google.com/location/' + ${id})"> GO</button>

Не работает, когда я использую переменные (${id})

Answer 1

Если вы не используете загрузчик, я бы обозначил эту кнопку следующим образом.

<button
    th:data-url="@{https://www.google.com/location/{id}(id=${id})}"
    onclick="window.open(this.getAttribute('data-url'))">GO</button>

Примечание: я использую onclick, а не th:onclick.

Если вы используете загрузчик, вы можете оформить ссылку как кнопку, как в другом ответе, и просто использовать th:href.

<a class="btn" th:href="@{https://www.google.com/location/{id}(id=${id})}" target="_blank">GO</a>

Answer 2

Вы можете попробовать, как показано ниже.Начальная загрузка поможет вашему тегу привязки выглядеть как кнопка.

<a class="btn" th:href="@{/url/{id}(id=${id})}" target="_blank">GO</a>