Javascript中的星型切换

Javascript中的星型切换,javascript,ajax,rating,favorites,Javascript,Ajax,Rating,Favorites,一个很好的例子是这篇文章左边的SO星 您可以单击它将此消息添加到收藏夹中,然后再次单击以删除此标志 我已经创建了一个页面/favorites/add/{post_id}/但是如何在Ajax中处理它呢 有很多事情要做: 请确保在单击时它工作正常 更改图像 如果要添加或删除标志,请更改链接 我确信这样的东西已经存在了,但我找不到它 有什么想法吗?在javascript中,在onclick事件的图标中添加一个事件处理程序 然后,您只需更改img元素中的src属性即可将其更改为正确的图像 我建议只向

一个很好的例子是这篇文章左边的SO星

您可以单击它将此消息添加到收藏夹中,然后再次单击以删除此标志

我已经创建了一个页面/favorites/add/{post_id}/但是如何在Ajax中处理它呢

有很多事情要做:

  • 请确保在单击时它工作正常
  • 更改图像
  • 如果要添加或删除标志,请更改链接
我确信这样的东西已经存在了,但我找不到它


有什么想法吗?

在javascript中,在onclick事件的图标中添加一个事件处理程序

然后,您只需更改img元素中的src属性即可将其更改为正确的图像

我建议只向服务器发送通知,它可以返回要显示的正确图像,然后只更新img元素上的src属性


我将业务逻辑放在服务器上的原因是为了确保如果由于某种原因数据库不同步,它将显示数据库的正确结果,如果更改数据库时出现错误也是如此。

您使用的JavaScript库是什么?可能想看看

我大部分时间都在使用jQuery。