成功後啓動下一個功能

Question

我想在ajax調用成功後啓動一個函數。我現在做的是

function ajaxCall(url, types, next) { 
    $.ajax({ 
     url: url, 
     type: 'POST', 
     beforeSend: function() { 

      $("#plaatsMelding").append("<div id=\"" + types + "verwerkt\"><div class=\"progress-label\">" + types + " verwerken...</div></div>"); 
     }, 
     success: function (data) { 
      $('#plaatsMelding').empty(); 
      $("#plaatsMelding").append("<div id=\"" + types + "verwerkt\"><div class=\"progress-label\">" + data + "</div></div>"); 
      //run next script 
      if (next.length) { 
       alert(next); 
       next(); //this won't work because it will search for the next() function 
      } 

     } 
    }); 
} 

我開始這個功能使用此功能：

function saveRace() { 
    ajaxCall("verwerkRace.php", "race", "savePlayers"); 
} 

所以當該功能好了，我希望它運行功能「savePlayers」。我怎樣才能做到這一點？

function savePlayers() { 
    ajaxCall("verwerkPlayers.php", "players"); 
} 

Answer 1

千萬不要錯過一個字符串，傳遞一個函數：

function saveRace() { 
    ajaxCall("verwerkRace.php", "race", savePlayers); 
} 

然後在你的success，你可以這樣做：

if (next) { 
    next(); 
} 

Answer 2

只是通過在函數中：

function saveRace() { 
    ajaxCall("verwerkRace.php", "race", savePlayers); 
} 

JavaScript知道沒有什麼可以將你的字符串變成一個被調用的函數。

Answer 3

至於建議，傳遞一個函數而不是字符串

function saveRace() { 
    ajaxCall("verwerkRace.php", "race", savePlayers); 
} 

如果成功，那麼你可以檢查，以確保您傳遞一個函數，然後火了：

if (next && typeof(next) === 'function') { 
    next(); 
} else { 
    console.error('Error firing the callback!'); 
}