Javascript Count（）函数在页面刷新后更新

我已经做了一个简单的购物车，其中我有一个div，它将显示在hover上，其中包含购买的物品。问题是每次我点击

addtocart

按钮时。它不计算实例中的购物车项目。我需要做的就是自己刷新我的页面。任何建议或帮助都是值得赞赏的

代码

  <div id="cartContainer">
  <div id="cart">
  <li style="color: #515151">
  <img id="cart_img" src="images/cart.png">
  Cart <span class='badge' id='comparison-count'>
  <?php
  if(isset($_SESSION['cart'])&& !empty($_SESSION['cart'])&& count($_SESSION['cart'])>0)
   {
   echo count($_SESSION['cart']);
    }
  else {
  $cart_count=0;
  echo $cart_count;
  }
 ?>
  </span>
 </li>
  <div id="sidebar">
   <?php
  if(isset($_SESSION['cart'])&& !empty($_SESSION['cart'])){
  ?>
   <table id="s_table">
   <?php
   foreach($_SESSION['cart'] as $id => $value){
     //here it shows the item details
     }
    ?>
   </table>
   </div>
    </div>
   </div>

运货马车

我假设您正在通过

ajax

调用

add to cart

现在，在ajax成功的基础上，您可以这样做了

var no_of_item = Number($("#comparison-count").html());
var new_no_of_item = no_of_item + no_of_item_purchased_in_last_add_to_cart;
$("#comparison-count").html(new_no_of_item);

---

如果您不是通过ajax实现的，那么在回显任何html标记之前，将产品添加到php文件开头的购物车中。

添加一个无缓存头？@developerwjk它将如何帮助我？服务器脚本不会在前端悬停运行。如何实现添加到购物车？也许你可以在这里解释一下计数的变化。我假设在提交表单添加到购物车后，你会重定向回一个显示购物车的页面，问题是首先它没有显示新项目，然后你刷新它。如果这就是问题所在，那就是缓存问题。我如何才能在上次购物车中获得此

no\u of\u item\u purchased\u添加到\u cart

@tabia应该有一个输入字段来输入要购买的物品的编号，否则它将是1。