javascript - 使用 Javascript 根据 mysql 中的行数自动更改 span 的内容

Question

我正在尝试在菜单上创建动态数量的通知提要。当我的一个 SQL 表中有新添加的数据时，它会自动更改通知栏上的数字，而无需刷新页面。

这是 html:

<li>
  <a href="categories.php">
    Categories 
    <span class="badge" id="badg"></span>
  </a>
</li>

这是我使用的脚本:

$(document).ready(function() {
  var arr = <?php include("array.php"); ?>; /* e.g. ["1","2","3"] */
  var size = arr.length;
  document.getElementById('badg').innerHTML = size;
});

显示数组的数量，但不会在有新数据时自动更改。它只会在用户刷新页面时发生变化。

我怎样才能自动完成？

Answer 1

您将不得不在 jquery 的 setInterval 函数中使用 ajax，并响应 ajax 文件发送更新的通知计数，然后仅根据计数更新跨度。

像这样

<script>
$(document).ready(function() {
    setInterval(function() {
      //ajax content
    }, 5000); 
});
</script>