Звездное переключение избранного в Javascript

Хорошим примером является SO звезда на левой стороне этого поста.

Вы можете нажать на него, чтобы добавить это сообщение в избранное, и нажмите еще раз, чтобы убрать этот флаг.

Я уже создал страницу / избранное / добавить /{post_id}/ но как справиться с этим в Ajax?

Много дел:

  • Будьте уверены, что это работает, когда вы нажимаете
  • Изменить изображение
  • Измените ссылку, чтобы добавить или убрать флаг.

Я уверен, что такая вещь уже существует, но я не смог ее найти.

Любая идея?

Источник

2 ответа

Решение

В javascript вы добавляете обработчик события к значку события onclick.

Затем вы можете просто изменить атрибут src в элементе img, чтобы изменить его на правильное изображение.

Я бы предложил просто отправить уведомление на сервер, и он может вернуть правильное изображение для отображения, а затем просто обновить атрибут src элемента img.

Причина, по которой я бы поместил бизнес-логику на сервер, состоит в том, чтобы гарантировать, что, если по какой-то причине база данных не будет синхронизирована, она будет показывать правильный результат базы данных, что также имеет место, если при изменении базы данных произошла ошибка,

Источник

Какую библиотеку JavaScript вы используете? может хочу проверить Prototype.js

Источник
Другие вопросы по тегам