使用session存储,购物车结算add_to_order.php(学生笔记)
<?php
session_start();
include_once("DB.class.php"); //接受并解析前端传过来的json,转换成数组。
$goods_list =$_POST['order'];
$goods_list= json_decode($goods_list, true); //1.获取session信息
$arr = $_SESSION['gwc'];
//获得订单数组
$item_list = $goods_list['order']; //一维实现,每次先清空订单。
$order = ''; //把商品信息存到订单,并且把他们从购物车中删除
foreach($item_list as $k=> $item){ //把商品信息存到订单
$order[$k] = $arr[$k]; //把商品信息从购物车中删除
unset($arr[$k]); } //更新购车的商品信息
if(!empty($arr)){
$_SESSION['gwc'] = $arr;
}else{
$_SESSION['gwc'] = '';
} //最后将订单信息存到session
$_SESSION['order'] = $order; // var_dump($_SESSION);
// die();
echo "OK";
exit; ?>
注:例子中是使用的工具类代码DB.class.php要在https://www.cnblogs.com/mzzone/p/10911891.html
业务逻辑
- 从购物车中点击结算,即是把商品信息从购物车中转移到订单中。
- 技术点:接受的方式是json。要先在前台以json的形式传过来,这里再把它解析为数组,再运用。
购物车页面的结算按钮注册点击事件(需要引入jquery文件)
$('#jiesuan').click( function(){
//间接设置订单金额
var j = $('.total_text').text();
// 去除¥符号
var order_toal = j.substring(1);
//将标签的值赋给input传过去
$("#order_total").val(order_toal);
//用插件将表单生成json,在ajax发送过去后台
var serializeObj=$('#form1').serializeJSON();
var serializeStr=JSON.stringify(serializeObj);
console.log(serializeStr);
$.ajax({
cache: false,
type: "POST",
url : "add_to_order.php",
traditional:true,
data: {order : serializeStr}, //注意这里的写法,键为order
success: function(msg){
if(msg=="OK"){
alert("下单成功");
// location.reload();
//window.location.href='order.php';
}else{
alert(msg);
alert("下单失败");
}
}
});
表单中的一部分代码,展示如何把选中的商品传过去。关键在于checbox键值设置:在foreache循环中,所以键值得有变量混合进去。
<!-- 1.遍历店铺,查看有多少商品并遍历。-->
<div class="shop_info">
<div class="all_check">
<!--店铺全选-->
<input type='checkbox' id='shop_a' class='shopChoice'> <label for='shop_a' class='shop'></label> </div>
<div class="shop_name">
店铺:<a href="javascript:;">蜜食专家</a>
</div>
</div> <?php
session_start();
include_once("DB.class.php"); if(isset($_SESSION['gwc'])&&!empty($_SESSION['gwc'])){
$arr2 = $_SESSION['gwc'];
foreach($arr2 as $k1=> $arr){ $goods_id = $arr['goods_id'];
$sql="select * from tb_goods where id=$goods_id";
$goods = $dao->getRow($sql); $goods_num = $arr['num']; $sum = $goods['price']*$goods_num; ?>
<div class="order_content">
<!-- 最低应该在这里开始遍历,有分割线 --> <!-- 利用上面的php变量,遍历一个商品或sku -->
<ul class="order_lists"> <li class="list_chk">
<!-- 每个复选框的值存她的商品id或sku_id -->
<?php echo "<input type='checkbox' id='checkbox_$goods_id' name='order[$goods_id]' value='$goods_id' class='son_check'>"; ?> <!-- 打勾对应文本框的id -->
<?php echo "<label for='checkbox_$goods_id'></label>"; ?>
</li>
<li class="list_con">
<div class="list_img"><a href="javascript:;">
<?php echo "<img src='./images/$goods[img]' alt=''>";?>
</a></div>
<div class="list_text"><a href="javascript:;"><?php echo "$goods[goodsname]"; ?></a></div>
</li>
<li class="list_info">
<p>规格:默认</p> </li>
<li class="list_price">
<p class="price"><?php echo '¥'."$goods[price]"; ?></p> <?php echo "<input type='hidden' value='$goods[price]'>"; ?>
</li>
<li class="list_amount">
<div class="amount_box">
<!-- 对商品的数量进行加减 -->
<?php echo "<a href='change_number.php?goods_id=$goods_id&choice=jian' class='reduce reSty'>-</a> "; ?>
<!-- 数量,要从session或数据库中查出来 -->
<?php echo "<input type='text' value='$goods_num' class='sum'>"; ?> <?php echo "<a href='change_number.php?goods_id=$goods_id&choice=jia' class='plus'>+</a> "; ?>
<?php echo "<input type='hidden' value='$goods[number]'>"; ?> </div>
</li>
<li class="list_sum">
<p class="sum_price"><?php echo '¥'."$sum"; ?></p>
</li>
<li class="list_op">
<p class="del">
<?php echo "<a href='delete_goods.php?goods_id=$goods_id' class='delBtn'>删除宝贝</a> "; ?></p>
</li>
</ul> </div>
<?php }} else{
echo "<h1 style='margin-top:150px;text-align:center;font-size: 39px;color:#c18e2cdb;'>兄
dei,你的购物车只剩下尊严了!!!</h1>";
}
?>
注意事项
可以给商品的checkbox类型添加name属性是因为他有selected属性,而其他像hidden类型的不能给它name属性,否则也会提交到后台。要保持提交过去的数据不能有冗余,需要遍历。
而且添加到订单也只需商品id就行,订单的商品数量可以在根据key在gwc中获得。具体看add_to_order.php.
使用session存储,购物车结算add_to_order.php(学生笔记)的更多相关文章
- 添加商品到购物车add_to_cart.php(学生笔记)
<?php session_start();//启动session $goods_id = $_POST['goods_id'];//获取商品id $number = $_POST['num'] ...
- Jetty集群配置Session存储到MySQL、MongoDB
在Web开发中,Session表示HTTP服务器与客户端(例如浏览器)的“会话”,每个客户端会有其对应的Session保存在服务器端,通常用来保存和客户端关联的一些信息,例如是否登录.购物车等. Se ...
- Jetty容器集群配置Session存储到MySQL、MongoDB
在Web开发中,Session表示HTTP服务器与客户端(例如浏览器)的"会话",每个客户端会有其对应的Session保存在服务器端,通常用来保存和客户端关联的一些信息,例如是否登 ...
- 【ASP】session实现购物车
1.问题提出 利用session内置对象,设计并实现一个简易的购物车,要求如下: 1)利用用户名和密码,登录进入购物车首页 2)购物首页显示登录的用户名以及该用户是第几位访客.(同一用户的刷新应该记录 ...
- 原生JS实现购物车结算功能代码+zepto版
html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
- Session 知识点再整理(二) 自定义 Session 存储机制
对于访问量大的网站,用默认的 Session 存储方式(以文件存储)不适合,因为文件的 I/O 开销会非常大,另外 Session 机制本身使 Session 不能跨机访问,在 Web 集群中无法达到 ...
- session 存储方式
Session 的存储方式 在 php.ini 文件中,进行配置. 涉及配置参数: - session.save_handler - session.save_path 注意:这两个参数可以在 PHP ...
- C# redis 分布式session存储
https://github.com/uliian/SessionExtentionStore 一个基于Redis的Session存储扩展方案,解决ASP.NET中Session的局限性和跨应用程序使 ...
- YII session存储 调用login方法
当要进行用户的session存储的时候,可以调用里面的login方法进行存储
随机推荐
- Redis-API
Redis-API 简介 Redis 是一个基于内存的高效的键值行非关系型数据库,存取效率极高. python提供了两个类:分别为Redis和StrictRedis来实现Redis的命令操作.Redi ...
- 关于EXIT和BADI增强的查找
EXIT出口的查找: 方法一: 第一步:通过SE30,输入TCODE(例如ME21N),执行EXCUTE,前台创建一张采购订单.点击TIMES页签,查找EXIT开头的SAP程序. 第二步:这些fun ...
- 阅读webpack代码笔记:antd-layout的webpack.config.prod.js
'use strict'; const autoprefixer = require('autoprefixer');//自动补全css前缀 const path = require('path'); ...
- .Net Core HTTP Error 500.0 - ANCM In-Process Handler Load Failure 发布后启动错误处理
方法1: 应用池高级配置 - 启动32位应用程序 - 设置为True 方法2: web.config <aspNetCore processPath="%LAUNCHER_PATH%& ...
- SpringBoot FatJar启动原理
目录 SpringBoot FatJar启动原理 背景 储备知识 URLStreamHandler Archive 打包 SpringBoot启动 扩展 SpringBoot FatJar启动原理 背 ...
- 从零开始的vue学习笔记(一)
前言 项目要用vue.js,今天开始自学vue.js官方教程,记录下自己的学习摘要,方便后面查阅(此笔记按照学习天数,每天一篇) Vue.js是什么 Vue是一套用于构建用户界面的渐进式框架,Vue ...
- Android OkHttp + Retrofit 断点续传
本文链接 前面我们已经知道如何使用OkHttp+Retrofit下载文件. 下载文件时,可能会遇到一些意外情况,比如网络错误或是用户暂停了下载. 再次启动下载,如果又要从头开始,会白白浪费前面下载好的 ...
- Unity 声音处理 之 语音识别
音量检测 检测当前麦克风的输入音量 using System.Collections; using System.Collections.Generic; using UnityEngine; usi ...
- swiper 轮播中常用的效果,持续更新
swiper一款非常好用的轮播插件,支持移动端和PC端,用过很多次了,这次简单的总结一下.方便以后查找使用,说明一下,下面的例子是基于swiper 4.0+版本的,如果你是其他的版本,请自行前往官网查 ...
- 下拉框移动 jquery
<%@ page contentType="text/html;charset=UTF-8" language="java" %><html& ...