Javascript JQUERY$.POST更新SQL并重新加载PHP脚本

下面我有一个html代码，基本上将staff-status.php拉到html中

<div class="table-responsive">
  <?php
    include '/sql/staff-status.php';
  ?>
</div>

下面我还有一个脚本，每10秒更新一次mysql

 <script>
   setInterval("update()", 10000);
   function update() { 
     $.post("/sql/update.php");
   } 
 </script>

setInterval（“更新（）”，10000）；
函数更新（）{
$.post（“/sql/update.php”）；
} 

当我将上面的脚本更改为包含staff-update.php以在update.php完成时每10秒重新加载一次时，它就不起作用了。我知道它必须使用回调函数，在update.php完成时，您可以在代码中包含回调以重新加载status-staff.php，但我不熟悉编码语法。有人能帮忙吗

 <script>
   setInterval("update()", 10000);
   function update() { 
     $.post("/sql/update.php");
     $.post("/sql/status-staff.php");
   } 
 </script>

setInterval（“更新（）”，10000）；
函数更新（）{
$.post（“/sql/update.php”）；
$.post（“/sql/status staff.php”）；
} 

你能试试这个吗

$.post("/sql/update.php").then(function() {
      $.post("/sql/status-staff.php").then(function(html){ 
           $('.table-responsive').html(data)
      });
});

---

因此，我将它们作为两个单独的脚本来使用：

<script>
   setInterval("update()", 10000);
   function update() { 
     $.post("/sql/update.php");
   } 
 </script>

<script>
    (function updateStafftable() {
      $.get('sql/staff-status.php', function(data) {
      // Now that we've completed the request schedule the next one.
        $('.table-responsive').html(data);
        setTimeout(updateStafftable, 10000);
      });
    })();
  </script>

setInterval（“更新（）”，10000）；
函数更新（）{
$.post（“/sql/update.php”）；
} 
（函数updateStafftable（）{
$.get（'sql/staff status.php'，函数（数据）{
//现在我们已经完成了下一个请求计划。
$（'.table'）.html（数据）；
setTimeout（updateStafftable，10000）；
});
})();

---

问题是：如何将它们组合成一个？拥有两个脚本对于内务管理来说似乎是多余和麻烦的。

你能在网络选项卡id中检查ajax被击中了吗&如果是，那么你得到了什么响应根据网络选项卡，“update.php”被触发，而不是“status staff.php”。你能告诉我哪个请求是GET，哪个是POST吗。从你下面的回答来看，一个是post，一个是GET，但在你的问题中，两者都是post