Можно ли добавить атрибут ThymeLeaf с помощью JQuery, например th: href

Из сообщений, которые я прочитал, кажется невозможным добавить / добавить атрибут тимелеафа с помощью 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>');

Чтобы уточнить, почему я хочу это сделать:

У меня есть таблица в веб-приложении, в которой отображаются друзья пользователей, вошедших в систему (слева). Пользователь, вошедший в систему, может добавлять / удалять друзей, выполнив поиск в строке поиска в приложении. Может помочь скриншот ниже.

Можно ли добавить атрибут ThymeLeaf с помощью JQuery, например th: href

Когда пользователь ищет друга в строке поиска с правой стороны и добавляет его, щелкнув значок сердца, я добавляю строку в таблицу с помощью jquery после получения необходимых данных с помощью ajax.

Проблема в том, что эта строка содержит атрибуты тимелеафа, такие как th: href. Например, когда вошедший в систему пользователь нажимает на имя друга в таблице, он переводит пользователя на страницу профиля друга.

Однако атрибуты тимелеафа, похоже, не работают, когда добавляются / добавляются таким образом с помощью jquery.

Был бы очень признателен за помощь.

Спасибо

Не могли бы вы объяснить, почему вы хотите это сделать? Если бы мы. разобраться в вашем варианте использования, возможно, мы сможем предложить альтернативное решение.

Wim Deblauwe 30.03.2021 10:13

@WimDeblauwe Я отредактировал вопрос и подробно рассказал, почему я пытаюсь это сделать. Буду признателен за любое понимание, которое у вас есть.

Paddy O'Dohery 30.03.2021 19:38

Вам нужно будет использовать фактические атрибуты (например, href) вместо атрибутов Thymeleaf (th:href) при создании фрагмента HTML, который вы вставляете в код JavaScript.

Wim Deblauwe 01.04.2021 12:38

Спасибо, да, я прочитал на стороне клиента, на стороне сервера и понял, что атрибуты тимелеафа обрабатываются на стороне сервера, а не на стороне клиента.

Paddy O'Dohery 01.04.2021 18:23
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
4
24
0

Другие вопросы по теме