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('数据写入错误!'); } }