这次给大家带来Ajax+PHP制作购物车的详细教程，Ajax+PHP制作购物车的注意事项有哪些，下面就是实战案例，一起来看一下。
购物车网页代码，具体内容如下
1.登录界面login.php
无标题文档 用户名：
密码：
$("#btn").click(function(){ var uid = $("#uid").val(); var pwd = $("#pwd").val(); $.ajax({ url:"loginchuli.php", data:{u:uid,p:pwd}, type:"POST", dataType:"TEXT", success: function(data){ if(data.trim()=="OK") { window.location.href="https://www.php.cn/faq/main.php" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ; } else { alert("用户名或密码错误"); } } }) })
登录后复制
2.登录处理页面loginchuli.php
StrQuery($sql);if($mm==$pwd && $pwd!=""){ $UserName = $_POST["uid"]; $_SESSION["uid"]=$uid; echo "OK";}else{ echo "NO";}
登录后复制
3.主页面https://www.php.cn/faq/main.php
无标题文档
.list{ width:100%; height:30px; margin-top:10px; text-align:center; line-height:30px; vertical-align:middle}
大苹果商城
注销
查看账户
查看购物车
StrQuery($sql); $sum = $sum +$danjia*$v[1]; } echo "
购物车中有:{$zhonglei}种商品，总价格为:{$sum}元.
"; ?> Query($sql); foreach($attr as $v) { echo ""; } ?>
| 代号 | 水果名称 | 水果价格 | 源产地 | 库存量 | 操作 |
| {$v[0]} | {$v[1]} | {$v[2]} | {$v[3]} | {$v[4]} | 购买 |
登录后复制
4.购买处理页面goumai.php
$v) { if($v[0]==$code) { $bs=1; $attr[$k][1] = $attr[$k][1]+1; } } //如果没有在数组里面出现 if($bs==0) { $shuzu = array($code,1); $attr[] = $shuzu; } $_SESSION["gwc"]=$attr; }header("location:https://www.php.cn/faq/main.php");
登录后复制
5.订单处理页面，计算选取水果的总价，和水果剩余量。dingdan.php
StrQuery($syue); //根据购物车数组取总金额 $sum = 0; foreach($attr as $v) { $sql = "select price from fruit where ids='{$v[0]}'"; $danjia = $db->StrQuery($sql); $sum = $sum +$danjia*$v[1]; } if($yueQuery($skucun); if($akucun[0][1]Query($sql,0); } //减余额 $jianyue="update login set account=account-{$sum} where username='{$uid}'"; $db->Query($jianyue,0); //添加订单 $dingdanhao = $uid+date("YmdHis"); $t = time(); $sorder = "insert into orders values('{$dingdanhao}','{$uid}','{$t}')"; $db->Query($sorder,0); foreach($attr as $v) { $sxq = "insert into orderdetails values('','{$dingdanhao}','{$v[0]}','{$v[1]}')"; $db->Query($sxq,0); }}echo "OK";
登录后复制
6.购物车页面
无标题文档
.list{ width:100%; height:30px; margin-top:10px; text-align:center; line-height:30px; vertical-align:middle}
大苹果商城
注销
查看账户
查看购物车
$v) { $sql = "select name,price from fruit where ids='{$v[0]}'"; $ashuiguo = $db->Query($sql); echo ""; } ?>
| 商品名称 | 商品单价 | 购买数量 | 操作 |
| {$ashuiguo[0][0]} | {$ashuiguo[0][1]} | {$v[1]} | 删除 |
提交订单
$("#tj").click(function(){ $.ajax({ url:"dingdan.php", dataType:"TEXT", success: function(data){ if(data.trim()=="OK") { alert("购买成功"); } else if(data.trim()=="YEBUZU") { $("#ts").html("余额不足"); $("#ts").css("color","red"); } else { $("#ts").html(data); $("#ts").css("color","red"); } } }); })登录后复制
7.购物车页面删除处理页面shanchu.php
1){ $attr[$sy][1] = $attr[$sy][1]-1;}else{ unset($attr[$sy]); $attr = array_values($attr);}$_SESSION["gwc"]=$attr;header("location:https://www.php.cn/faq/gouwuche.php");8.账户余额页面https://www.php.cn/faq/zhanghu.php无标题文档
.list{ width:100%; height:30px; margin-top:10px; text-align:center; line-height:30px; vertical-align:middle}
大苹果商城
注销
查看账户
查看购物车
strQuery($sql); echo ("您的账户中还剩余".$result); ?>
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
立即学习“PHP免费学习笔记（深入）”；
如何实现AJAX的分页效果
实现列表无限加载与二级下拉菜单选项的Ajax（附代码）
以上就是Ajax+PHP制作购物车的详细教程的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2776942.html
