SQLを更新してPHPスクリプトを再ロードするためのJQUERY $ .POST

Question

私は基本的にstaff-status.phpをhtmlに引っ張る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> 

私はupdate.phpをを行った場合、それは動作しませんでした、10秒ごとにリロードするスタッフupdate.phpをを含めるように上記のスクリプトを変更します。 update.phpが完了したときにstatus-staff.phpをリロードするためにコードにコールバックを含めることができるコールバック関数で何かをしなければならないことを理解していますが、コーディングの構文に慣れていません。誰も助けることができますか？

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

Answer 1

あなたは、これはhttps://api.jquery.com/deferred.then/試すことができます。

$.post("/sql/update.php").then(function() { 
$.post("/sql/status-staff.php"); 
}); 

Answer 2

あなたが試すことができ、この

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

Answer 3

だから私は、この2つの別々のスクリプトとしてそれらを持っていることによって動作するようになった：

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

質問：どのように私は結合するのですか？ 1つにそれらをe？ 2つのスクリプトを用意することは、ハウスキーピングのために冗長で扱いにくいようです。