jquery mysql实现加入购物车_使用JQuery 实现类似购物商城的购物车

本文介绍了如何利用JQuery和MySQL实现一个简单的购物车功能。通过Clone模板展示商品信息,JSON数据模拟商品,支持商品数量增减和总价动态计算。用户在IE6-8浏览器上可体验商品添加、删除及数量调整,商品数量为0时会自动从购物车移除。
摘要由CSDN通过智能技术生成

使用JQuery  Clone 模板来实现商品信息的展示,展现形式可以通过修改模板中的td来确定每一行显示多少个商品信息

商品信息使用JSON数据来模拟

同一个产品点击多次,不会重复添加,而是在已有的基础上数量+1,

商品数量也可以手动输入,当输入0时,该商品将自动从购物车删除(点击减号到小于1时,也会提示是否从购物车删除商品信息)

每个产品的价格和总价都会根据添加和删除的操作来动态计算

基本的功能都已经实现, 建议使用IE6,7,8,浏览器运行,其他浏览器没有测试

d8f8c3b4c69fec92b4ab535c61f9b844.png

HTML代码:

8f900a89c6347c561fdf2122f13be562.png

961ddebeb323a10fe0623af514929fc1.pngView Code

无标题文档

商品列表

编号:000001

名称:aa

价格:2.5

描述:aaaaa

编号:000001

名称:aa

价格:2.5

描述:aaaaa

编号:000001

名称:aa

价格:2.5

描述:aaaaa

编号:000001

名称:aa

价格:2.5

描述:aaaaa

购物车

序号编号名称描述数量单价总价删除

1

000001

aa

aaaaa

0

0

总价

0.0

JS 代码

8f900a89c6347c561fdf2122f13be562.png

961ddebeb323a10fe0623af514929fc1.pngView Code

/*@@

@@

@@*/

var product=[

{prodId:"000001",prodName:"aa&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值