AJAX 是一種在不刷新整個網頁的情況下更新部分頁面內容的技術。當我們在使用AJAX時，有時候希望在AJAX請求完成之后執行一些JS代碼。本文將探討如何在AJAX執行完成后再執行JS代碼，并通過舉例來說明這個過程。

要在AJAX執行完之后執行JS代碼，我們可以使用AJAX的回調函數來達到這個目的。回調函數是一種在主函數執行完畢后調用的函數。在AJAX中，我們可以在AJAX請求完成后，通過設置回調函數來執行其他的JS代碼。

<script>
function loadData() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// AJAX 請求完成后執行的代碼
console.log("AJAX 請求已完成");
// 在這里執行其他的JS代碼
myFunction();
}
};
xhr.open("GET", "data.php", true);
xhr.send();
}
function myFunction() {
// 需要在 AJAX 請求完成后執行的其他 JS 代碼
console.log("在 AJAX 請求完成后執行的其他 JS 代碼");
}
</script>

在這個例子中，我們首先定義了一個名為 loadData 的函數，用來執行AJAX請求。在 loadData 函數中，我們創建了一個XMLHttpRequest 對象，然后設置其 onreadystatechange 事件處理函數。當readyState 等于4（請求已完成）且status 等于200（成功請求）時，說明AJAX請求已完成，我們可以在該回調函數中執行其他的JS代碼。

在回調函數中，我們先輸出一條消息："AJAX 請求已完成"，然后調用了一個名為 myFunction 的函數。在 myFunction 函數中，我們添加了一條輸出消息："在 AJAX 請求完成后執行的其他 JS 代碼"。這樣，在AJAX請求完成后，myFunction 函數會被調用，并執行相應的功能。

除了使用原生JavaScript，我們也可以使用各種JavaScript庫來執行AJAX。比如，使用jQuery庫時，可以使用AJAX方法中的 success 選項來執行請求完成后的JS代碼。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({
url: "data.php",
success: function() {
// AJAX 請求完成后執行的代碼
console.log("AJAX 請求已完成");
// 在這里執行其他的JS代碼
myFunction();
}
});
});
function myFunction() {
// 需要在 AJAX 請求完成后執行的其他 JS 代碼
console.log("在 AJAX 請求完成后執行的其他 JS 代碼");
}
</script>

在這個使用了jQuery的例子中，我們首先在頁面中引入了jQuery庫。然后，在document ready事件中執行AJAX請求。在AJAX請求的success選項中，我們可以執行請求完成后的JS代碼，并調用myFunction函數執行其他的JS代碼。

總而言之，AJAX是一種強大的技術，用于在不刷新整個網頁的情況下更新部分頁面內容。如果需要在AJAX執行完成后再執行JS代碼，可以使用回調函數來實現。以上是本文對如何在AJAX執行完后再執行JS代碼的探討，并通過舉例對這個過程進行了說明。