一个很好的例子是这篇文章左侧的 SO 星。
您可以单击它以将此消息添加到您的收藏夹中,然后再次单击以删除此标志。
我已经创建了一个页面 /favorites/add/{post_id}/ 但是如何在 Ajax 中处理它?
许多事情要做 :
- 确保单击时它有效
- 更改图像
- 如果要添加或删除标志,请更改链接。
我确信这样的东西已经存在,但我找不到它。
任何的想法 ?
一个很好的例子是这篇文章左侧的 SO 星。
您可以单击它以将此消息添加到您的收藏夹中,然后再次单击以删除此标志。
我已经创建了一个页面 /favorites/add/{post_id}/ 但是如何在 Ajax 中处理它?
许多事情要做 :
我确信这样的东西已经存在,但我找不到它。
任何的想法 ?
在 javascript 中,您将事件处理程序添加到 onclick 事件上的图标。
然后,您只需更改 img 元素中的 src 属性即可将其更改为正确的图像。
我建议只将通知发送到服务器,它可以返回正确的图像来显示,然后你只需更新 img 元素上的 src 属性。
我将业务逻辑放在服务器上的原因是为了确保如果由于某种原因数据库不同步,它将显示数据库的正确结果,如果在更改数据库时出现错误也是如此.
你使用的是什么 JavaScript 库?可能想看看Prototype.js