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

Question

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

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

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

Много вещей, чтобы сделать:

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

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

Любая идея?

Answer 1

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

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

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

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

Answer 2

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