Избранная звезда переключения в Javascript

Question

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

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

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

Много дел:

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

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

Есть идеи?

Answer 1

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

Answer 2

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

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

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

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