Как сделать кнопку лайков NodeJs?

Question

[StepsOnes]

Как сделать кнопку лайков NodeJs? Ведь по сути мы увеличиваем через клиент, а как это отправить на сервер через node js без перезагрузки? Есть только такая идея

<form action="route" method="POST">
<input type="hidden" value="{{numLike}}"
</form>

Но тогда же будет перезагрузка

Comments

[Дмитрий Баскаков]

По клику на лайк сразу его увеличивать, а затем отправлять запрос на сервер через ajax

[StepsOnes]

Дмитрий Баскаков, можешь пример написать? Просто только недавно ноду сел изучать

[Дмитрий Баскаков]

StepsOnes, на ноде так сразу не смогу. Только общий вектор могу сказать:
1. обработчик onclick на кнопку лайков
2. переменную лайков + 1
3. запрос через axios к бекенду для увеличения счетчика

В данном случае надо обратить внимание, что сначала увеличиваем счетчик, потом делаем запрос. Чтобы пользователь сразу получал обратную связь по лайкам

[StepsOnes]

Дмитрий Баскаков, ну через axios это понятно, сделать могу. Но я хотел с нодой поиграться, спасибо за уделённое время:)

Answer 1

[Антон Неверов]

Вы должны разделять бекенд и фронтенд. Фронт - это то, что видит пользователь (HTML, CSS, клиентский JS), бек - это то, что вы пишите на Node.
То, что вы хотите сделать вам нужно в первую очередь сделать на фронте, а уже затем ловить на бекенде с вашим Node.js.

Чтобы отправить запрос без перезагрузки страницы подойдёт банальный fetch. Более извращённые варианты с сокетами не предлагаю.
Далее, вы на фронте рисуете изменения, которые хотите: загрузку или отображение того, что лайк поставлен и отправляете запрос себе в бек ноды.

У себя на Node ловите этот запрос, в зависимости от того, какой сервер используется.

Примеров подобного в интернете полно. Например, вот первое видео из гугла.