AJAX实现购物车功能的思路

↘锁芯ラ 提交于 2019-12-03 16:41:05

添加到购物车

1、商品页面AJAX提交productid和num数量给后台。

2、后台从SESSION中保存当前用户userID、接收AJAX传过来的数据,根据productid和userID查购物车表是否已存有同样的数据,如果有就更新操作(where productid和userID更数NUM(表中的num+传过来的num)的数量),没有就保存操作。

3、成功后反回操作信息给前端。

 

购物车页面中的修改

1、根据购物车表中的productid和userID关联商品表遍历数据到购物车页面中。

2、计算订单总价=商品表['price']*购物车['num'];

3、修改商品数量:AJAX提交修改后的num和productid给后台,后台根据userID和productid更新购物车表中的num数量,完成后返回数量给前端。

4、前端返回的AJAX后判断是否成功,如果成功,修改总价格。

 

购物车页面中的删除

1、删除商品:ajax提交productid,后台根据userID和productid删除购物车表中对应的字段,完成后返回数量给前端。

2、前端返回的AJAX后判断是否成功,如果成功,删除相应的DIV节点。

3、清空购物车:ajax提交请求,后台根据userID删除购物车表中全部字段,完成后返回数量给前端。

4、前端返回的AJAX后判断是否成功,如果成功,删除相应的DIV节点。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!