QQ泡沫乐园 · 免费提供游戏辅助,破解软件,活动资讯,喜欢记得收藏哦!
综合软件_线报活动_游戏辅助_最新电影_最优质的的辅助分享平台

电商网站的商品收藏功能实现商品详情页取消收藏的方法

网络 2022-12-22 17:03

电商网站的商品收藏功能实现

商品收藏的功能描述:用户对一件商品重复的进行收藏与取消收藏操作。点击收藏,将商品收藏成功,并且图标变为 已收藏;点击已收藏,则取消对该商品的收藏,并且图标变为 收藏 。这个操作可以重复进行!

下面是我设计此功能的步骤以及关键代码:

1.首先创建一张收藏表:我的收藏表只有三个数组:id;userID(用户id);productID(产品id);

2.写添加收藏与取消收藏的方式(要按照userID和productID两个参数来实现收藏与取消收藏的);

3.我的收藏图标是在商品详情页,所以要在步入商品详情页的时侯进行判定,判断该用户有没有收藏该商品!如果该用户已收藏该商品,则图标显示 已收藏,反之,则显示 收藏 。

4.在步入商品详情页,根据点击图标所显示的文字来判定你所进行的操作,如果点击的文字是收藏,则触发收藏风波,通过ajax进行该用户对该产品的收藏技巧;如果点击的文字是已收藏,则触发取消收藏风波,也是通过ajax进行该用户对该产品的取消收藏技巧。(注意:这里要先获取到该用户的userID和该商品的productID,这两个参数都可以在步入商品详情的那种方式中获取;“collection.do” 添加收藏的方式,“deleteUcByUPId.do”取消收藏的方式。)

商品详情页关键代码如下: