Ajax（Asynchronous JavaScript and XML）是一種用于在Web應用程序中進行異步數據交換的技術。它可以在瀏覽器和服務器之間實現數據的異步傳輸，從而提高用戶的交互體驗。在使用Ajax時，我們經常會遇到需要在Ajax執行完畢后再運行其他函數的情況。本文將探討如何在Ajax執行完畢后運行函數，并通過舉例說明其應用。

通常情況下，Ajax請求會發送給服務器并等待服務器處理完成后返回結果。在這期間，瀏覽器并不會阻塞用戶的操作，用戶可以繼續與頁面進行交互。但是，如果我們希望在Ajax執行完畢后再執行某些特定操作，就需要使用回調函數。

回調函數是一個在異步操作完成后被調用的函數。在Ajax中，我們可以將需要在Ajax執行完畢后執行的函數作為回調函數傳入Ajax請求的參數中。

<script>
function ajaxRequest(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
callback(xhr.responseText);
}
};
xhr.send();
}
function handleResponse(response) {
// 在此處編寫需要在Ajax執行完畢后執行的代碼
}
ajaxRequest('example.php', handleResponse);
</script>

在上面的代碼示例中，我們定義了一個ajaxRequest函數，該函數接受一個URL和一個回調函數callback作為參數。當Ajax請求執行完畢后，在onreadystatechange事件中判斷請求狀態和返回狀態碼，如果符合條件，則調用回調函數并將服務器返回的響應作為參數傳遞給它。

在handleResponse函數中，我們可以編寫需要在Ajax請求執行完畢后執行的代碼。例如，我們可以將服務器返回的響應顯示在頁面上：

<script>
function handleResponse(response) {
var output = document.getElementById('output');
output.innerHTML = response;
}
</script>
<div id="output"></div>

在上面的代碼示例中，我們通過使用document.getElementById方法獲取一個ID為output的元素，并將服務器返回的響應賦值給它的innerHTML屬性。這樣，當Ajax請求執行完畢后，頁面上的<div>元素將顯示服務器返回的響應。

除了在Ajax執行完畢后執行某些操作外，我們還可以使用jQuery庫提供的$.ajax方法來處理Ajax請求的回調函數。jQuery的$.ajax方法非常強大且易于使用，可以簡化Ajax請求的編寫過程。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$.ajax({
url: 'example.php',
success: function(response) {
// 在此處編寫需要在Ajax執行完畢后執行的代碼
}
});
</script>

在上面的代碼示例中，我們使用了jQuery庫的$.ajax方法來發送Ajax請求。通過指定url和success參數，我們可以定義在Ajax執行完畢后執行的回調函數。

通過回調函數，我們可以在Ajax執行完畢后自由地執行其他操作，從而實現更加靈活和高效的前端開發。無論是使用原生JavaScript還是jQuery庫，掌握并善用回調函數對于處理Ajax請求是非常重要的。