头像

ThinkPHP+jQuery+ajax 加入购物车功能

2018-05-11 11:06:03 来源:PHP代码   浏览()   评论 ( 0 )   

ThinkPHP 3.1.3 jQuery ajax无刷新技术 实现加入购物车/收藏宝贝功能

<script type="text/javascript" src="__PUBLIC__/Js/jquery.1.4.2-min.js"></script>
<script>
function goods_addToCart(){
  var size = $(".size span").html();
  //alert(size);
  
  var color = $(".color span").html();
  //alert(color);
  var title = $(".product_name span").text();
  
  //alert(title);
  var goods_number = $("#goodsNumber").val();
  
  var pic= $("#pic").val();
 // var pic = $data.pic1;
 // alert(pic);
  var price = $('.market_price').text();
  //alert(price);
  
  var favprice = $('.favprice').text();
  //alert(favprice);
  
   jQuery.ajax({
   type: "POST",
   url: "__ROOT__/List/goods_addToCart", 
   data: {size:size,color:color,title:title,price:price,favprice:favprice,goods_number:goods_number,pic:pic}, 
   cache: false,
   success: function(msg){
   alert(msg);
}
});
 
}
</script>

javascript涉及购物车自增自减,以及弹出层

$(".addCart").click(function(){
  $('#good_Car').show();
  });
  
  $(".increase").click(function(){
   var t = $("#goodsNumber").val();
   t++;
   $("#goodsNumber").val(t);
  // alert(t);
 
 var a=document.getElementById("commodityCurrentPrice").innerHTML;
//alert(document.getElementById("tr1").innerHTML);
 //alert(a);
 
 var s=t*a;
 //alert(s);
  
   $("#total").val(s.toFixed(2));
   $("#CurrentPrice").html(s.toFixed(2));
   });
   
   
   $(".decrease").click(function(){
   var t = $("#goodsNumber").val();
   if(t > 1)
   t--;
   else
   t=1;
   
   $("#goodsNumber").val(t);
  // alert(t);
   
   });

弹出提示已经加入购物车的弹出层/弹出框

<!----------------------购物车------------------------>
<div id="good_Car" class="good_buycar" style="display:none;">
    <div class="good_Car_top">
      <ul>
        <li><div class="good_Car_topName">该商品已经成功添加到购物车</div>
          <div class="good_Car_topCOlose" onclick="_close_goods_Car();">×</div></li>
        <li><a href="{:U('User/cart')}"><img src="__PUBLIC__/Images/GuyCAR_buyCart.png"></a>
          <a href="javascript:_close_goods_Car();" class="jixuguang" style="margin-top:0;"><img src="__PUBLIC__/Images/jxgw.png"></a>
        </li>
      </ul>
    </div>
        <script type="text/javascript">
        function _close_goods_Car(){
            $('#good_Car').hide();
        }
    </script>
</div>
<!----------------------购物车------------------------>

ThinkPHP功能交互MySQL数据库部分:

public function goods_addToCart(){
import('ORG.Util.Session');
//echo $_SESSION['m'];
$Member = M("Member"); 
$list = $Member->where("tel='$_SESSION[m]' or username='$_SESSION[m]'")->find();
header("Content-Type:text/html; charset=utf-8");
        $Dao = D("collection");
// 构建写入的数据数组
$data["mid"] = $list[id];
$data["title"] = $_POST['title'];
        $data["size"] = $_POST['size'];
        $data["color"] = $_POST['color'];
$data["number"] = $_POST['goods_number'];
        $data["pic"] = $_POST['pic'];
$data["price"] = $_POST['price'];
$data["favprice"] = $_POST['favprice'];
date_default_timezone_set('Asia/Shanghai');
        $data["cdate"] = date("Y-m-d H:i:s");
    // 写入数据
    if($lastInsId = $Dao->add($data)){
        echo "插入数据 id 为:$lastInsId";
    } else {
        $this->error('数据写入错误!');
    }
}


标签: phpmysql
声明:转载请注明来源(PHP代码)并保留原文链接:https://www.phpdaima.com//master-110.html
广告不存在
评论0

后面还有条评论,点击查看>>

温馨提示:为规范评论内容,垃圾评论一律封号...