Из сообщений, которые я прочитал, кажется невозможным добавить / добавить атрибут тимелеафа с помощью jquery, такого как приведенный ниже. Но мне интересно, есть ли способ обойти это. Если это так, я был бы очень признателен, если бы вы могли указать, как это сделать.
Например, у меня есть приведенный ниже код, но он не работает, потому что ThymeLeaf компилируется на сервере, а jquery обрабатывается на клиенте.
Это можно обойти?
Это код:
$("#friend_table_body").prepend('<tr>
<td th:id = "'+name+'"><a class = "ref" th:text = "'+name+'" th:href = "@{/friends/getfriendprofilepage/{uniqueName}(uniqueName = '+name+')}"></a></td>
<td th:text = "'+email+'"></td>
<td th:text = "'+numNotes+'"></td></tr>');
Чтобы уточнить, почему я хочу это сделать:
У меня есть таблица в веб-приложении, в которой отображаются друзья пользователей, вошедших в систему (слева). Пользователь, вошедший в систему, может добавлять / удалять друзей, выполнив поиск в строке поиска в приложении. Может помочь скриншот ниже.
Когда пользователь ищет друга в строке поиска с правой стороны и добавляет его, щелкнув значок сердца, я добавляю строку в таблицу с помощью jquery после получения необходимых данных с помощью ajax.
Проблема в том, что эта строка содержит атрибуты тимелеафа, такие как th: href. Например, когда вошедший в систему пользователь нажимает на имя друга в таблице, он переводит пользователя на страницу профиля друга.
Однако атрибуты тимелеафа, похоже, не работают, когда добавляются / добавляются таким образом с помощью jquery.
Был бы очень признателен за помощь.
Спасибо
@WimDeblauwe Я отредактировал вопрос и подробно рассказал, почему я пытаюсь это сделать. Буду признателен за любое понимание, которое у вас есть.
Вам нужно будет использовать фактические атрибуты (например, href
) вместо атрибутов Thymeleaf (th:href
) при создании фрагмента HTML, который вы вставляете в код JavaScript.
Спасибо, да, я прочитал на стороне клиента, на стороне сервера и понял, что атрибуты тимелеафа обрабатываются на стороне сервера, а не на стороне клиента.
Не могли бы вы объяснить, почему вы хотите это сделать? Если бы мы. разобраться в вашем варианте использования, возможно, мы сможем предложить альтернативное решение.