繼續當它完成

Question

我有這樣的Ajax腳本：

if(ajax.readyState==4) 
     { 
     var respuesta=ajax.responseText; 
     document.getElementById('result').innerHTML=ajax.responseText; 
     $("#newaircraftdialog").dialog('close'); 

     $(document).ready(function(){ 
      refreshTable(); 
     }); 

     $("#loadingdialog").dialog('close'); 
     } 

功能refreshTable：

function refreshTable(){ 
    $('#table').load('aircrafts_table.php'); 

} 

我的問題是，我想#loadingdialog關閉時，先前的功能refreshTable徹底完蛋了。現在它執行的是運行該函數，然後關閉對話框，但該函數需要時間來刷新表。所以當你關閉對話框功能時沒有時間去更新表格。

Answer 1

一旦refreshTable（）方法完成，您只需調用對話框close（）方法。如果refreshTable（）被調用的非同步方法，那麼你就需要調用對話框的接近方法在非同步方法

@Edit的回調處理程序：改變你的refreshtable（）代碼到

function refreshTable(){ 
    $('#table').load('aircrafts_table.php', function(){ 
     //put that code to close that dialog box here 
    }); 
} 

Answer 2

你可以將一個回調參數添加到refreshTable函數中，然後在完成時傳遞它希望運行的任何內容。例如：

function refreshTable(callback) 
{ 

    /* ... (refresh table code) */ 

    if ('function' === typeof callback) 
    { 
    callback() 
    } 

} 

/* ... (AJAX request) */ 

refreshTable(function() 
{ 
    $("#loadingdialog").dialog('close') 
} 
) 

Answer 3

這樣像你想它應該做的（見更新刷新表在回答結束）：

if(ajax.readyState==4) { 
     var respuesta=ajax.responseText; 
     document.getElementById('result').innerHTML=ajax.responseText; 
     $("#newaircraftdialog").dialog('close'); 
     refreshTable(function(){$("#loadingdialog").dialog('close');}); 
} 

但我不知道爲什麼你用純混合的jQuery JS（因爲它在我看來）。

假設你的代碼可以改變這樣的：

$(document).ready(function() { 
    $.ajax({url:ajax_url, 
      method:'GET', 
      dataType:'html', 
      success:function(res){ 
       document.getElementById('result').innerHTML=res; 
       $("#newaircraftdialog").dialog('close'); 
       refreshTable(function(){$("#loadingdialog").dialog('close');}); 

      }); 
    }); 

請注意：$(document).ready(function() {})只調用一次，之後文件是完全加載。在Ajax完成後它不會再被調用。

function refreshTable(callback){ 
    $('#table').load('aircrafts_table.php', callback); 

}