Вызов функции узла при наведении элемента
Я использую шаблон ejs для отображения списка статей, и я хотел бы вызвать функцию узла с текущей статьей в качестве параметра при наведении на изображение пользователя
шаблон
<%for (var i=0; i< articles.length; i++){%>
<div class="ui-block list-article">
<article class="hentry post video">
<div class="post__author author vcard inline-items">
<div id="userProfilImage" class="userProfilImage">
<img src="<%= articles[i].user.image %>" alt="author" />
</div>
</div>
</article>
</div>
<% } %>
Файл Nodejs
app.locals.getUserPopupInfo = function(article){
article.user.name= "blablabla";
}
Как вызвать функцию app.locals.getUserPopupInfo при наведении на изображение пользователя, например:
<div id="userProfilImage" class="userProfilImage" onmouseenter="getUserPopupInfo(articles[i])">
<img src="<%= articles[i].user.image %>" alt="author" />
</div>
Спасибо
РЕДАКТИРОВАТЬ:
Я нашел это:
<div id="userProfilImage" class="userProfilImage" onmouseenter="<%= getUserPopupInfo(articles[i]) %>">
<img src="<%= articles[i].user.image %>" alt="author" />
</div>
Но он вызывает функцию getUserPopupInfo при загрузке страницы. Как это предотвратить? Я хочу позвонить только мышкой войти
1 ответ
Способ сделать это - создать вызов REST, в данном случае GET, чтобы получить данные. Вы не должны вызывать функцию сервера из клиента.
Смотрите руководство по остальным узлам nodejs или express.js
Редактировать:
Как вы можете видеть здесь, вам нужно использовать клиентскую JS для обработки событий.
Таким образом, вы должны использовать серверный вызов для получения этих данных.