Ajax執行完成之后才往下執行

由于Javascript是單線程的語言，所以在執行耗時操作時，會阻塞瀏覽器的其他操作。當我們需要從服務器端獲取數據時，傳統的方法是使用同步請求，即請求發送后，瀏覽器會一直等待服務器的響應，這樣會導致頁面的卡頓和用戶體驗的下降。而使用Ajax技術可以實現在同一頁面上發送異步請求，當請求完成后再進行后續操作，提高頁面的響應速度。

舉個例子來說明，假設我們有一個簡單的網頁上有一個按鈕，點擊按鈕時會向服務器發送一個AJAX請求，并在完成后顯示服務器返回的數據。如果我們使用同步請求，那么當我們點擊按鈕時，整個頁面都會被鎖定，直到服務器返回數據為止，用戶體驗會受到很大影響。而如果使用異步請求，當我們點擊按鈕時，頁面會繼續響應其他操作，比如可以繼續滾動頁面，輸入文字等，同時在請求完成后再顯示數據，用戶體驗會更流暢。

要實現Ajax請求完成后才繼續執行后續的操作，可以使用回調函數。回調函數是在異步請求完成后執行的函數，通過將后續操作作為回調函數傳入，可以保證在請求完成時再執行后續操作。

function getData(callback) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
callback(xhr.responseText);
}
};
xhr.open("GET", "example.com/api/data", true);
xhr.send();
}
getData(function(data) {
console.log(data);
// 后續操作
});

在上面的例子中，我們定義了一個名為getData的函數，該函數接受一個名為callback的參數，這個參數是一個函數。在函數內部，我們通過XMLHttpRequest對象發送一個GET請求，并在請求完成后執行callback函數，并將服務器返回的數據作為參數傳入。然后我們調用getData函數，將后續操作作為回調函數傳入，當請求完成后，會自動執行后續操作。

使用回調函數可以讓我們方便地控制代碼的執行順序。在實際的開發中，我們通常會在請求數據時顯示一個加載動畫，然后在請求完成后隱藏動畫并顯示數據。這樣可以提供更好的用戶體驗。

總結一下，通過Ajax執行完成之后才往下執行，我們可以提高頁面的響應速度，提升用戶體驗。使用回調函數可以方便地控制代碼的執行順序，使得后續操作在請求完成后執行。