javascript - 页面刷新后 Count() 函数更新 php

Question

我制作了一个简单的购物车，其中有一个 div，它将在悬停时显示其中包含已购买的元素。问题是每次我点击添加到购物车按钮时。它不会立即计算购物车项目。我需要做的就是自己刷新我的页面。任何建议或帮助将不胜感激。

代码

  <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>

Answer 1

我假设您正在通过 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 文件开头的购物车。