购物车--数据库+ajax

$(function() {

 var prod_id = $("#prod_id").val();
 var stock=$("#over_amount_"+prod_id).val();
 $("#buy_num_" + prod_id).keyup(function() {
  if (isNaN($("#buy_num_" + prod_id).val())) {
   art_tips("請輸入數字");
   $("#buy_num_" + prod_id).val('1');
   return false;
  }
  if ($("#buy_num_" + prod_id).val() < 1) {
   art_tips("購買的數量至少為1個");
   $("#buy_num_" + prod_id).val('1');
   return false;
  
  }
  if ($("#buy_num_" + prod_id).val() >stock) {
   art_tips("庫存不足！請聯繫必買網站客服");
   $("#buy_num_" + prod_id).val('1');
   return false;
  
  }
 });
 
 
 /* 計算購買數量 */
 var prod_id = $("#prod_id").val();

 $("#add_num").click(
   function() {
    var over_amount = parseInt($("#over_amount_" + prod_id).val());
    var now_amount = parseInt($("#buy_num_" + prod_id).val());
    if (now_amount >=over_amount) {
     art_tips('庫存不足！請聯繫必買網站客服');
     return false;
    }
    $("#buy_num_" + prod_id).val(
      parseInt($("#buy_num_" + prod_id).val()) + 1);

   });
 $("#cut_num").click(
   function() {
    if ($("#buy_num_" + prod_id).val() <= 1) {
     art_tips("購買的數量至少為1個");
     exit();
    }
    $("#buy_num_" + prod_id).val(
      parseInt($("#buy_num_" + prod_id).val()) - 1);

   });

 $(".go_cart").hover(function() {
 
  $(".sub_ch").removeClass("hidden");
  $(".go_cart").addClass("fo")
  list_cart();
  sub_hover();
 }, function() {
  $(".sub_ch").addClass("hidden");
  $(".go_cart").removeClass("fo");

 }

 );
 $('.pay_type li').click(
   function() {
    $(this).addClass("curr").siblings().removeClass("curr");
    $(".ff > form").eq($('.pay_type li').index(this)).show()
      .siblings().hide();
   });

 

 $(".selected_a").click(function() {
  $(".selected_a a").attr("href", '/mall/?sort=1');

 });
 $(".selected_d").click(function() {
  $(".selected_d a").attr("href", '/mall/?sort=2');

 });

 $("ul.thumb img").hover(function() {
  $(".auc_pic img").attr("src", $(this).attr("src"));
  $("ul.thumb img").removeClass('case');
  $(this).addClass('case');
 }, function() {
  $("ul.thumb img").removeClass('case');
 });

});

function sub_hover() {
 $(".sub_ch").hover(function() {
  //window.reload();
  $(".sub_ch").removeClass("hidden");
  $(".go_cart").addClass("fo");

 }, function() {
  $(".sub_ch").addClass("hidden");
  $(".go_cart").removeClass("fo");
 });
}

// 加入購物車
function go_cart(goods_id) {
 
 var buy_num=$("#buy_num_"+goods_id).val();
  $.getJSON("http://www."+base_url+"/mall/?m=index&a=go_cart&goods_id="+goods_id+"&buy_num="+buy_num+"&callback=?",
    function(data) {
     if(data['stat'] == 1){
      art_tips('您已經成功把商品加入到購物車！');
      //setTimeout('reload_window()',1500);
     }
     if(data['stat']==3){
      //art_tips('對不起，請先登入在來購買吧');
      window.location.href='http://www.' + base_url+ '/member';
     }
     }
   );
}

function reload_window(){
 //alert('asdf');
 window.reload();
}
// 删除购物车
function del_cart(_obj,cart_id) {
 $.getJSON("http://www." + base_url + "/mall/?m=index&a=del_mall&cart_id="
   + cart_id + "&callback=?", function(data) {
  if (data['msg'] == 1) {
   list_cart();
   $(_obj).parent().parent().remove();
  } else {
   art_tips('刪除失敗');
   }
 });

}
function del_all_cart(_obj) {
 $.getJSON("http://www." + base_url + "/mall/?m=index&a=del_all_cart&callback=?", function(data) {
  if (data['msg'] !=0) {
   $(_obj).remove();
   $("#ooo").html('<div style="margin-left:20px; width:350px">您的購物車為空或未登入！請先<a href="http://www.'
     + base_url + '/mall">選購</a>或<a href="http://www.'+base_url+'/member/?m=login">登入</a>，再來結算吧</div>');
   $("#sub_total").remove();
  } else {
   art_tips('清空失敗');
   }
 });

}

//點擊立即購買
function add_one_mall(goods_id){
 
 var buy_num = $("#buy_num_"+goods_id).val();
 $.getJSON("http://www." + base_url + "/mall/?m=index&a=add_one_mall&goods_id="
   + goods_id + "&buy_num="+buy_num+"&callback=?", function(data) {
  if(data['stat'] >0)
   window.location.href = 'http://www.' + base_url+ '/member/?m=cart&a=check&cart_id='+data['stat'];
  if(data['stat']==-3){
   art_tips('對不起，請先登入在來購買吧');
   window.location.href='http://www.' + base_url+ '/member';
  }
 
  if(data==-2){
   art_tips('系統出現錯誤，請重新購買');
   window.location.href = 'http://www.' + base_url+ '/member/?m=cart&a=cart_list';
 
  }
 });
 
 
 
}

//顯示購物車

function list_cart(){
 var ff='';
 var li='';
 var money = '';
 var total = '';
 var total_num = '';
 $.getJSON("http://www."+base_url+"/mall/?m=index&a=list_cart&callback=?",
   function(data) {
   if(data!=null){
    var len=data.length;
      if(len>0){
        for(var i=0;i<data.length;i++){
       var li = '<li>';
        li += '<div class="sub_pic"><a href=" src="http://img.' + base_url + '/'
         + data[i]['sml_img'] + '" /></a></div>';
        li += '<div class="sub_name"><a href="http://www.'+base_url+'/mall/?m=index&a=detail&goods_id='+data[i]['goods_id']+'" title="' +data[i]['goods_name'] + '">'
         + data[i]['goods_name'] + '</a></div>';
        li += '<div class="sub_price">HK$<span style="font-size:14px;font-weight:900">'
         + data[i]['deal_price']
         + '</span><span style="color:black;font-size:10px;">x'
         + data[i]['pay_num'] + '</span></div>';
        li += '<div class="sub_del" ><a href="javascript:void(0)" onclick="del_cart(this,'
         + data[i]['cart_id'] + ')">刪除</a></div>';
        li += '<div class="sub_xu"></div>';
        li += '</li>';
        ff=ff+li;      
        money = parseInt(data[i]['deal_price']) * parseFloat(data[i]['pay_num']);
       
        total = (Number(total)*100 + parseFloat(money)*100)/100;
        total_num = Number(total_num) + Number(data[i]['pay_num']);
        }
        var dd = '<div style="float:left;margin-left:200px;width:200px;">共 <span style="font-size:14px;color:red;">'
         + total_num
         + ' </span>件商品,共 計：<span style="color:red;font-size:10px;">HK$</span><span style="color:red;font-size:14px;font-weight:900">'
         + total
         + '</span></div><div class="buy_cart"><a href="/member/?m=cart&a=cart_list"  ></a></div>';
       }
       else{
        ff='<div style="margin-left:20px; width:350px">您的購物車為空或未登入！請先<a href="http://www.'
         + base_url + '/mall">選購</a>或<a href="http://www.'+base_url+'/member/?m=login">登入</a>，再來結算吧</div>';
        dd='';
      }
    }
     
   else{
     ff='<div style="margin-left:20px; width:350px">您的購物車為空或未登入！請先<a href="http://www.'+ base_url + '/mall">選購</a>或<a href="http://www.'+base_url+'/member/?m=login">登入</a>，再來結算吧</div>';
     dd=''; 
      
      } 

    $("#ooo").html(ff);
    $("#sub_total").html(dd);
    list_qing();
  
   
 }
   
   
  );
 
}

function list_qing(){
 
 $.getJSON("http://www."+base_url+"/mall/?m=index&a=list_cart&callback=?",
   function(data) {
   var len=data.length;
     if(len>0){
      $('.clear_all').html('<a href="javascript:void(0)" onclick="del_all_cart(this)">清空購物車</a>');
     
     } else {
      $('.clear_all').html('');
     }
 });
}
// 更新cookie
function update_cookie(value){
   del_cookie('cart_list');
   set_cookie('cart_list',value,604800*1000);
 
}

 

(在一个使用鼠标缩放的时候，div位置变化。使用absolute 绝对定位来设置，注意（此时上一级的父目录也得使用absolute 绝对定位来控制）)