购物车怎么点击一个按钮实时刷新数据显示出来？

Question

例如添加一件商品后，某个div显示当前的商品数量

 <div class="pay">
                <div class="pay-opt"> <a href="home2.html"><span class="am-icon-home am-icon-fw">首页</span></a> <a><span class="am-icon-heart am-icon-fw">收藏</span></a> </div>
                <li>
                    <div class="clearfix tb-btn tb-btn-buy theme-login"> <a id="LikBuy" title="点此按钮到下一步确认购买信息" href="#">立即购买</a> </div>
                    <div id="test1"></div>
                </li>
                <li>
                    <div class="clearfix tb-btn tb-btn-basket theme-login"> <a id="LikBasket" title="加入购物车" href="javascript:addCart({$rst[0]['g_id']})" onClick="showSum()"><i></i>加入购物车</a> </div>
                </li>
            </div>
        </div>
        <div class="clear"></div>
    </div>
   {literal} <script type="text/javascript">
          
          function showSum(){
              var url = "countShopcartid.php";
               
               
             var data = {"not":""};
              var success= function(response){
                  if(response.errno == 0){
                    var sum = response.sum; 
                    alert(sum);
                  $("#test1").html(sum);
                  }else
                  {
                       alert('获取购物车商品数量失败');
                  }
              }
              $.post(url,data,success,"json");
          }
    </script>{/literal}

countShopcartid.php
<?php
 
require_once('include.php');
//1.接受参数并处理
 
$user_id = $_SESSION["id"];
//2.计算数量
$sql = "select count(*) from shopcar where  user_id='{$user_id}'";
$row = $admindb->ExecSQL($sql,$conn);
var_dump($row);
//3.返回处理结果
if($row){
    $response = array(
        'errno' =>0,
        'errmsg' =>'success',
        'data' => true,
        'sum' => $row[0]["count(*)"],
    );
}
else{
    $response = array(
        'errno' =>-1,
        'errmsg' =>'fail',
        'data' => false,
        'sum' => $row[0]["count(*)"],
    );
}
echo json_encode($response);   
?>

f12看到sum有值

{"errno":0,"errmsg":"success","data":true,"sum":"2"}

就是传不到test1这个div里

Answer 1

ajax 提交 后台 ， 后台入库 然后将 各个参数 返回 通过jquery 修改div 上的数值如果是不需要入库的话， 直接通过js控制 ， jquery 监听button 的点击事件， 给对应商品加数字 或者 添加 商品