Goods:购物车条目加减数量实现

list.jsp

 1 //给减号添加click事件
 2
 3         $(".jian")
 4                 .click(
 5                         function() {
 6                             //获取cartItemId
 7                             var id = $(this).attr("id").substring(0, 32);
 8                             var quantity = $("#" + id + "Quantity").val();
 9                             //判断当前数量是否为1 如果为1就不是修改数量啦 而是删除
10                             if (quantity == 1) {
11                                 if (confirm("你是否真要删除该条目")) {
12                                     location = "/goods/CartItemServlet?method=batchDelete&cartItemIds="
13                                             + id;
14                                 }
15                             } else {
16                                 sendUpdateQuantity(id, quantity - 1);
17
18                             }
19
20                         });
21         //给加添加click事件
22         $(".jia").click(function() {
23
24             var id = $(this).attr("id").substring(0, 32);
25             var quantity = $("#" + id + "Quantity").val();
26             sendUpdateQuantity(id, Number(quantity)+1);
27
28         });
29
30     });
31
32     //请求服务器 修改数量  虽然那边传的是字符串 但是用ajax引擎 的json格式解析就传到result的对象格式
33
34     function sendUpdateQuantity(id, quantity) {
35         $.ajax({
36             async : false,
37             cache : false,
38             url : "/goods/CartItemServlet",
39             data : {
40                 method : "updateQuantity",
41                 cartItemId : id,
42                 quantity : quantity
43             },
44             type : "POST",
45             dataType : "json",
46             success : function(result) {
47                 //修改数量
48                 $("#" + id + "Quantity").val(result.quantity);
49                 //修改小计
50                 $("#" + id + "Subtotal").val(result.subtotal);
51                 //重新计算总计
52                 showTotal();
53             }
54
55         });
56
57     }

CartItemServlet

 1 //修改数量
 2     public String updateQuantity(HttpServletRequest req, HttpServletResponse resp)
 3             throws ServletException, IOException {
 4         String cartItemId=req.getParameter("cartItemId");
 5         int quantity=Integer.parseInt(req.getParameter("quantity"));
 6         CartItem cartItem=cartItemService.updateQuantity(cartItemId, quantity);
 7
 8         //ajax调用返回的为json格式的对象
 9
10         //\为转义双引号字符串
11         StringBuilder sb=new StringBuilder("{");
12         sb.append("\"quantity\"").append(":").append(cartItem.getQuantity());
13         sb.append(",");
14         sb.append("\"subtotal\"").append(":").append(cartItem.getSubtotal());
15         sb.append("}");
16         System.out.println(sb);
17         resp.getWriter().print(sb);
18         return null;
19
20     }
时间: 2024-10-29 05:11:53

Goods:购物车条目加减数量实现的相关文章

jQuery实现购物车数字加减效果

效果图: jQuery实现购物车数字加减效果,方法本简单. 经常会写到购物车这块,而购物车很多就有加减这个效果(可以将HTML代码复制多个,同时支持),小小的总结了一下,代码如下: HTML: <div class="gw_num"> <em class="jian">-</em> <input type="text" value="1" class="num"/&

微信小程序——购物车数字加减

上一篇,我们有讲到如何造一个购物车弹层.今天来说一下,购物车数量的加减如何实现. 主要思路就是在data里面定义一个属性,属性值就是这个数量.点击+的时候就+1,点击-的时候就-1,再结合setData更改这个数字.当数字等于1的时候,要给-的按钮添加一个disabled的属性. wxml代码: <view class='row item-center'> <button class="buy-num-btn btn-minus" disabled="{{m

2017-5-26 正则表达式,js实战(加减数量,全选)

1.正则表达式:验证数据格式的准确性. 用正则表达式判断手机号格式是否正确: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml&qu

appcan 多个列表购物车加减数量例子

html代码如下: <div class="uinn4 white" id="listview"> <ul> <!--------列表循环----> <li class="ubb ub bc-border t-bla ub-ac lis" data-index="0"> <div class="checkbox umar-r"> <input

购物车商品加减效果

思路: 根据点击运算符进行相关的运算. 1.获取点击的运算符: 2.通过节点关系找到input的值: 3.进行运算: 4.将计算后的值返回给本身 JavaScript方式: <body> <button onclick="calculate(this)">-</button> <input type="text" size="2" value="1" name="num&qu

实现购物车的加减算法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="zaocan_2_2"> <div class="card"> <p cla

Vue实现购物车库存加减

<template> <div> <!-- 数据列表 --> <div class="lines" v-for="(item,index) in info" :key="index"> <div class="img"> <img :src="item.goods_img" class="imgs"> </di

ECSHOP商品购买数量增加加减按钮插件(包含购物车商品数量增加减少,自动更新)

ecshop商品页购买数量加减按钮ecshop购物车页加减按钮插件 默认模版为例详细教程: 找到flow.php里的如下代码 elseif ($_REQUEST['step'] == 'update_cart') { if (isset($_POST['goods_number']) && is_array($_POST['goods_number'])) { flow_update_cart($_POST['goods_number']); } show_message($_LANG['

js jquery 权限单选 bug修改以及正确代码 购物车数量加减

效果图废话不多直接上代码 用的avalon渲染,其实都是一样的 <div class="shop-arithmetic"> <a href="javascript:;" class="minus" onclick="delpubls(this)">-</a> <input type="number" style="min-height: 20px;font