zoukankan      html  css  js  c++  java
  • AJAX无刷新加购物车

    <?php
    namespace HomeController;
    use ThinkController;
    class ShoppingcartController extends Controller {
    public function shoppingcart(){
    if(IS_AJAX){
    if(!$_SESSION['userid']){
    $this->error('请先登录',U(''));
    }else{
    $vid=$_SESSION['userid'];
    $pid=$_POST['productid'];
    $data['user_id']=$_SESSION['userid'];
    $data['time']=time();
    $product=M('products')->where('id="'.$_POST['productid'].'"')->select();
    $data['product-name']=$product[0]['title'];
    $data['number']=$_POST['num'];
    $data['unit-price']=$product[0]['present'];
    $data['color']=$_POST['color'];
    $data['size']=$_POST['size'];
    $data['img']=$product[0]['image1'];
    $result=M('shopping_cart')->where("user_id='$vid' and pid=".$pid)->find();
    if($result){
    $data['num']=$result['num']+$data['num'];
    $result=M('shopping_cart')->where("user_id='$vid' and pid=".$pid)->save($data);
    }else{
    $result=M('shopping_cart')->add($data);
    }
    if($result){
    echo 1;
    }else{
    echo 0;
    }
    }
    }else{
    $this->display();
    }
    }
    }

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="__PA__css/bootstrap.css" />

    <link rel="stylesheet" href="__PA__css/product_center.css" />

    <title></title>

    </head>

    <body>

    <!--header-->

    <div class="header">

    <div class="header_top">

    <div class="container">

    <ul style="display: -webkit-inline-box;" class="nav nav-pills">

    <?php if (!empty($_SESSION['userid'])): ?>
    <span style="color:#fff;">会员:</span>
    <a href="{:U('Home/Membercenter/membercenter')}">{$_SESSION['userid']['nick']}</a><a href="{:U('Login/out')}">退出</a>
    <?php else: ?>
    <li><a href="{:U('Home/Login/login')}">登陆</a></li>
    <li><a href="{:U('Home/Registration/registration')}">免费注册</a></li>
    <?php endif ?>

    </ul>

    </div>

    </div>

    </div>

    <!--header end-->

    <!--content-->

    <div class="content">

    <div class="container">

    <div class="logo">

    <a href="index.html"><img src="__PA__img/logo_02.png" alt="logo_02" class="img-responsive" /></a>

    </div>

    <div class="sm_nav navbar-header">

    <button type="button" class="btn navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">

    <span class="icon-style"></span>

    <span class="icon-style"></span>

    <span class="icon-style"></span>

    </button>

    </div>

    <div class="nav_first collapse navbar-collapse" id="example-navbar-collapse">

    <div class="nav_logo"><a href="index.html"><img src="__PA__img/logo_02.png" alt="logo_02" class="img-responsive" /></a></div>

    <ul class="nav navbar-nav">

    <li><a href="{:U('Home/Index/index')}">首页</a></li>

    <li><a href="{:U('Home/About/about')}">品牌介绍</a></li>

    <li><a href="{:U('Home/News/news')}">新闻中心</a></li>

    <li><a class="default" href="{:U('Home/Products/products')}">产品中心</a></li>

    <li><a href="{:U('Home/Contact/contact')}">联系我们</a></li>

    <li><a href="{:U('Home/Membercenter/membercenter')}">个人中心</a></li>

    </ul>

    </div>

    <div class="place">
    <form method="post" action="{:U('productscenter')}">
    <p>当前位置</p>

    <img src="__PA__img/icon_place_02.png" alt="icon_place_02" />

    <p><a href="{:U('Home/Products/products')}">产品中心</a></p>

    </div>

    <div class="center_show">

    <div class="row">

    <div class="col-md-2 col-xs-12">

    <div class="subnav">
    <input type="hidden" value="{$sdf['id']}" name="id"/>
    <ul>
    <volist name="pcs" id="per" >

    <li <?php if ($per['cid']==$cid){ echo 'class="default_styel"';}?>><a href="{:U('Home/products/products/cid/'.$per['cid'])}">{$per['name']}</a></li>


    </volist>

    </ul>

    </div>

    <div class="xs_nav input-group">

    <span class="input-group-btn dropdown">

    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">服装类型</button>

    <ul class="dropdown-menu" role="menu">

    <volist name="pcs" id="per" >

    <li <?php if ($per['cid']==$cid){ echo 'class="default_styel"';}?>><a href="{:U('Home/products/products/cid/'.$per['cid'])}">{$per['name']}</a></li>


    </volist>
    </ul>

    </span>

    </div>

    </div>

    <div class="col-md-10 col-sm-12 col-xs-12">

    <div class="product_show">

    <div class="show_top">

    <div class="show_img">

    <img style="232px; height:320px; " src="__PP__{$sdf['image1']}" alt="product_pic_04" />


    </div>

    <div class="show_text">

    <h4>{$sdf['title']}</h4>

    <div class="price">

    <p>价格 ¥ &nbsp;<strike>{$sdf['original']}</strike></p>
    <input type="hidden" value="{$sdf['original']}" name="price"/>
    <span>

    <i>1342</i><br />

    交易成功

    </span>

    <h2><i>¥</i>&nbsp;&nbsp;{$sdf['present']}</h2>

    </div>

    <p class="place_message ">

    <i>尺码</i>

    <volist name="si" id="ze" >

    <span class="size" onClick="size({$ze['id']})" name="{$ze['id']}">{$ze['size']}</span>

    </volist>

    </p>

    <p class="place_message">
    <i>颜色</i>

    <volist name="pq" id="ca">
    <span class="color" onClick="color({$ca['id']})" name="{$ca['id']}">{$ca['color']}</span>

    </volist>
    </p>

    <p>

    <i>数量</i>

    <input type="text" value="1" name="num" id="num"/>

    </p>

    <a style="margin-left: 125px; margin-top: 20px;" class="shopping" href="javascript:void(0)" onClick="add_cart({$sdf['id']})">立即购买</a>

    <a style="margin-top: 20px;" class="shopping" href="javascript:void(0)" onClick="add_cart({$sdf['id']})">加入购物车</a>

    </div>

    </div>
    </div>

    </div>

    </div>

    </div>

    </div>

    </div>
    </form>
    </body>

    <script type="text/javascript" src="__PA__js/jquery-1.11.0.js"></script>

    <script>

    $(document).ready(function(){
    $('.image ul li').children('img').css('border','1px solid transparent');
    $('.image ul li').eq(0).children('img').css('border','1px solid #999');
    $('.image ul li').click(function(){
    $(this).children('img').css('border','1px solid #999').parent().siblings().children('img').css('border','1px solid transparent');
    })
    })

    </script>
    <script>

    </script>

    <script type="text/javascript" src="__PA__js/bootstrap.js"></script>

    <script type="text/javascript" src="__PA__js/nav_logo.js"></script>

    </html>

    <script>
    function color(colorid){//自定义点击事件onClick="size({$ze['id']})"
    c_id=colorid;

    }
    function size(sizeid){//自定义点击事件onClick="color({$ca['id']})"
    s_id=sizeid;

    }

    function add_cart(productid){//自定义点击事件onClick="add_cart({$sdf['id']})"

    if(typeof c_id=="undefined"){//判断是否选择颜色
    alert('请选择产品颜色');
    }
    if(typeof s_id=="undefined"){//判断是否选择尺寸
    alert('请选择产品尺寸');
    }
    var url="{:U('Shoppingcart/shoppingcart')}";//跳转到后台的某个方法
    var num=$("#num").val();//抓取数量
    var data='productid='+productid+'&num='+num+'&color='+c_id+'&size='+s_id;//把所有数据传往后台
    var success=function(dat){
    if(dat==8){
    alert('请先登录!');window.location.href="{:U('Login/index')}";
    }else if(dat==1){
    alert('添加购物车成功!');
    }else if(dat==0){
    alert('添加购物车失败!');
    }else{
    alert('请先登录');window.location.href="{:U('Login/login')}";
    }
    }
    $.post(url,data,success);//执行成功回调函数
    }
    </script>

    <script>

  • 相关阅读:
    SpringBoot整合系列-整合H2
    SpringBoot整合系列-整合Swagger2
    BZOJ3626 [LNOI2014]LCA
    BZOJ4475 [Jsoi2015]子集选取
    BZOJ4466 [Jsoi2013]超立方体
    BZOJ3997 [TJOI2015]组合数学
    BZOJ3996 [TJOI2015]线性代数
    BZOJ2227 [Zjoi2011]看电影(movie)
    BZOJ2337 [HNOI2011]XOR和路径
    BZOJ2330 [SCOI2011]糖果
  • 原文地址:https://www.cnblogs.com/xu--jun/p/6510808.html
Copyright © 2011-2022 走看看