时间戳

首页 > 解决方案 > php javascript更新浏览器中网站所有打开选项卡中的div

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

问题描述

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

如果我的网站在浏览器的多个选项卡中使用不同的页面打开，我希望它应该在我网站的所有打开的选项卡中更新它。

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

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

标签： javascripthtml

解决方案

我已经使用 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);

});

推荐阅读