function onclick_remove(r) {
if (confirm("确认删除么!此操作不可恢复")) {
var out_momey = $(".out_momey");
var input_val = $(r).parent().prev().children().eq(1).val();
var span_html = $(r).parent().prev().prev().children().html();
var out_add = parseFloat(input_val).toFixed(2) * parseFloat(span_html).toFixed(2);
var reduce = parseFloat(out_momey.html()).toFixed(2)- parseFloat(out_add).toFixed(2);
console.log(parseFloat(reduce).toFixed(2));
out_momey.text(parseFloat(reduce).toFixed(2))
$(r).parent().parent().remove(); //这里添加ajax到后台的代码,还需要动态的sku_id
var sku_id = $(r).attr('data-href');
var href = "?c=user&a=remove_goods&sku_id="+sku_id;
// alert(href);
// return false;
$.ajax({
cache: false,
type: "GET",
url : href,
// traditional:true,
// data: {order : serializeStr}, //注意这里的写法
success: function(msg){
// alert(msg);
// if(msg=="OK"){
// alert(msg);
// // Alert(50,"删除成功");
// // location.reload();
// }else{
// alert(msg);
// alert("添加失败");
// }
}
});
return false;
}
}

再具体展开每个商品项的代码。


上面的js代码主要是为了实现右侧的删除宝贝功能。业务流程是:

1.先获取商品的单价乘于商品的数量=小计。

2.然后把红色区域的div删掉。

3.总金额-=小计。

4.向php后台发送一个ajax请求

以下是ajax删除商品的代码,即从session数组中把它移除。
<?php
session_start(); $goods_id = $_GET['goods_id'];
$arr = $_SESSION['gwc'];
//从购物车中删除商品
unset($arr[$goods_id]); //如果把购物车最后一件东西都删除了,则删除购物车
if(empty($arr)){
unset($_SESSION['gwc']);//删除session数组中下标为gwc的元素。
//$_SESSION是一个数组,unset是对数组的操作的某个元素操作。就是删除那个元素。unset()函数并不能直接的释放变量,只是变量计数器减1,,当计数器为0的时候会触发回收。特别是当变量被引用的时候,只会销毁变量,但不会释放内存。为了确保信息的安全性,可以用 unset() 清空 session 的内容。
}else{
$_SESSION['gwc'] = $arr;//把数组里面的内容传给session,把那些商品信息存进session
} echo "OK";//msg传回来的
exit();
?>

  

session购物车中的移除功能部分(学生笔记)的更多相关文章

  1. springbootDay03 cookie和session 购物车技术

    一.会话技术 1. 什么是会话 在计算机术语中,会话指的是客户端和服务器交互通讯的过程.简单的理解,大家可以看成是两个普通的人在打电话.一次电话从通话开始到挂断,可以看成是会话. 会话的特征 会话能够 ...

  2. Windows 10 版本 1507 中的新 AppLocker 功能

    要查看 Windows 10 版本信息,使用[运行]> dxdiag  回车 下表包含 Windows 10 的初始版本(版本 1507)中包括的一些新的和更新的功能以及对版本 1511 的 W ...

  3. Android 短信模块分析(二) MMS中四大组件核心功能详解

    接下来的分析先从MMS中四大组件(Activity ,BroadCastReceiver,Service,ContentProvider),也是MMS中最核心的部分入手: 一. Activity  1 ...

  4. winform中DataGridView实现分页功能

    WinForm轻松实现自定义分页 (转载) WinForm轻松实现自定义分页 (转载)   转载至http://xuzhihong1987.blog.163.com/blog/static/26731 ...

  5. JAVA面向对象编程之购物车界面的设计与功能的实现

    1.小组成员及分工 小组成员 负责工作 兰泽祥 负责总体界面.Git代码库 吴修恩 负责MVC模式.类名包名的规范化 2.Git 仓库地址 仓库地址:https://gitee.com/lanzexi ...

  6. ajax在购物车中的应用

    代码如下: 购物车页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: ...

  7. 使用session存储,购物车结算add_to_order.php(学生笔记)

    <?php session_start(); include_once("DB.class.php"); //接受并解析前端传过来的json,转换成数组. $goods_li ...

  8. Vue项目中添加锁屏功能

    0. 直接上 预览链接 Vue项目中添加锁屏功能 1. 实现思路 ( 1 ) 设置锁屏密码 ( 2 ) 密码存localStorage (本项目已经封装h5的sessionStorage和localS ...

  9. java web Session会话技术(原理图解+功能+与Cookie的区别+基本使用)

    java web Session会话技术(原理图解+功能+与Cookie的区别+基本使用) 这是我关于会话技术的第二篇文章,对 Cookie有不了解的兄弟可以点击下方的Cookie跳转 Cookie链 ...

随机推荐

  1. Jenkins+GitLab+Sonarqube+Shell持续集成CI/CD

    1.部署GitLab 2.部署Jenkins 3.Sonar代码审计 4.参数化构建 5.git参数化构建

  2. CMAKE同时编译C++和CUDA文件

    1. 首先是运行环境 Ubuntu 16.04 G++ 5.4.0 CUDA 8.0 2. 文件结构 cv@cv:~/myproject$ tree src src/ |-- CMakeLists.t ...

  3. ASP.NET操作Excel

    使用NPOI操作Excel,无需Office COM组件 部分代码来自于:https://docs.microsoft.com/zh-tw/previous-versions/ee818993(v=m ...

  4. JS---变速动画函数封装

    变速动画函数封装 匀速动画:每次步数都是10 (var step=10;) 变速(缓动)动画:每次的步数是用当前位置和目标位置相减 var step=(target-current)/10; 代码如下 ...

  5. UiPath Read CSV 中文乱码

    问题:UiPath 读取.CSV文件时,出现中文乱码. 解决1: 修改CSV文件的编码为UTF-8 解决2: 设置Read CSV Activity的 encoding属性为csv相应的编码格式 参考 ...

  6. sonar安装和使用

    安装 1. 从官网下载,https://www.sonarqube.org/downloads/ 2. 下载之前要看好要求,我安装的是7.6的版本,要求是jdk1.8,mysql 5.6 到8 ,我使 ...

  7. 《Hands-On System Programming with Go》之写文件的代码模板

    使用了buffer,这个神奇东东. var w io.WriteCloser // initialise writer defer w.Close() b := bufio.NewWriter(w) ...

  8. C# 32位程序 申请大内存

    后期生成事件命令行代码: cd /d $(DevEnvDir)cd..cd..cd VC\bineditbin /largeaddressaware $(TargetPath)

  9. css里的背景属性有哪些,如何去使用哪些属性

    分类:纯色背景    背景图像 1.背景颜色 background-color : 任意合法的颜色 和 transparent 2.背景图像 background-image : url(想要加载的图 ...

  10. swift声明属性为某个类型同时遵循某协议

    swift声明属性为某个类型同时遵循某协议 var instanse:(协议A & 类B)