ThymeLeaf: Как я могу передать атрибут модели, отправленный с моего сервера в JS из Thymeleaf

Question

Я отправляю отправку списка с сервера на тимелеф через атрибут модели

friendsOnlineModel.setFriendsOnline(defaultFriendRequestService.getFriendsOnline(user) == null ? Collections.EMPTY_LIST : defaultFriendRequestService.getFriendsOnline(user));

    chatModel.setChats(defaultChatService.getUnreadChats() == null ? Collections.EMPTY_LIST : defaultChatService.getUnreadChats());

    model.addAttribute("friends_online", friendsOnlineModel);

    model.addAttribute("chats", chatModel);

Я не хочу отображать их прямо в теге "li", а просто передать их функции js, которая их отображает. Возможно ли это?

Answer 1

Есть несколько способов сделать это. Вы можете использовать JavaScript для вставки и добавлять данные прямо на свою страницу. Аналогично примеру:

<script th:inline="javascript">
    var fiendsOnline = [[${friends_online}]];
    var chats = [[${chats}]];
</script>

Тогда вы можете иметь дело с ними в JavaScript, как вы хотите.

Или, вместо того, чтобы помещать эти атрибуты в модель, вы можете добавить их в другой метод контроллера, помеченный @ResponseBody. Затем вы вызываете этот метод, используя ajax, и Spring возвращает ваш объект как JSON.