php javascript在浏览器中更新站点所有打开选项卡中的div

我有下面的代码来刷新菜单中的购物车项目，但它仅在当前浏览器选项卡中更新

我想知道我的网站是否在浏览器的多个选项卡中打开了不同的页面，因此它应该在我的网站的所有打开的选项卡中更新这些页面

<span class="number summary12">
</span>

这个跨度在我的网站的菜单中

<span class="number summary12">
</span>

使用下面的表单，我确实添加了项目，并且它在菜单中显示了在购物车中添加了这么多项目

<iframe name="formadd"></iframe>

<form name="comboboxForm" method="post" target="formadd"
action="singleitem2_torder.php">
<input type="hidden" name="itidHIDDEN" value="<?php echo $itid; ?>">
    <div class="single-cart" style="margin-top: 12px;">

    <div class="single-qty">
        <input name="quantity" type="text" value="1" id="number" />
        <div class="num-update">
        <div class="increment" id="increment"><i class="fa fa-plus"></i></div>
            <div class="decrement" id="decrement"><i class="fa fa-minus"></i></div>
            </div>
        </div>
<input onclick='updateTitems("1");' type="submit" value="ADD TO CART">
</form>

<script>
function updateTitems(){
        $.ajax({
          url: "menu_update_total_items.php",
          cache: false,
          success: function(data){
             $(".summary12").load('menu_update_total_items.php');
          } 
        });
}
</script>

我已经使用AJAX完成了这项工作，并且工作良好，当数据库发生变化时，无论在浏览器的多个选项卡中打开什么页面，都会在所有页面上进行更新

$(document).ready(function(){

var currentData = "";
function auto_load(){
  $.ajax({
    type: 'POST',
    url: 'menu_update_total_items.php',
    success: function(data){
       if(currentData != data) {
           $('.summary12').html(data);
           currentData = data;
       }
    }
  });
}
auto_load();
setInterval(auto_load,1000);

});

如果打开了多个选项卡，可以使用localStorage在选项卡之间进行通信。我不知道有哪个购物车会这样做。通常需要再次单击购物车，以便通过ajax从服务器中提取新数据。。。。关于“我想知道我的网站是否在浏览器的多个选项卡中打开了不同的页面，所以它应该在我的网站的所有打开的选项卡中更新。”