Ajax（Asynchronous JavaScript and XML）是一種用于在不重新加載整個頁面的情況下，通過后臺與服務器進行數據交互的技術。通常，在頁面加載完畢后調用函數是一種常見的需求。本文將探討如何使用Ajax在頁面加載完畢后調用函數，并通過舉例說明其應用。

在許多網站中，頁面加載完畢后需要執(zhí)行一些特定的操作，例如顯示歡迎信息、獲取用戶數據、動態(tài)更新內容等。使用Ajax可以實現在頁面加載后異步請求服務器數據，并在接收到響應后執(zhí)行相應的操作，從而提升用戶體驗。

假設我們有一個簡單的網頁，其中包含一個按鈕和一個空白區(qū)域。當用戶點擊按鈕時，我們希望通過Ajax請求服務器上的數據，并將數據顯示在空白區(qū)域中。以下是一種實現方式：

function loadData() {
// 創(chuàng)建一個Ajax對象
var xhttp = new XMLHttpRequest();
// 當請求完成時執(zhí)行的函數
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 獲取服務器響應的數據
var data = this.responseText;
// 在空白區(qū)域顯示數據
document.getElementById("result").innerHTML = data;
}
};
// 發(fā)送Ajax請求
xhttp.open("GET", "data.php", true);
xhttp.send();
}
// 在頁面加載完畢后調用loadData函數
window.onload = function() {
loadData();
}

在上述示例中，我們創(chuàng)建了一個名為loadData的函數來執(zhí)行Ajax請求和處理服務器響應。在window.onload事件中，我們將loadData函數綁定到頁面加載完成時執(zhí)行，以確保函數在頁面加載后立即調用。

在loadData函數中，我們首先創(chuàng)建了一個XMLHttpRequest對象（通常簡稱為XHR），該對象用于發(fā)送和接收Ajax請求。然后，通過xhttp.onreadystatechange屬性設置回調函數，以在請求完成時執(zhí)行相應的操作。

當服務器響應的readyState屬性等于4（表示請求已完成）且status屬性等于200（表示請求成功）時，我們從服務器響應中提取數據，并將其顯示在空白區(qū)域中。這里我們使用了內置的getElementById函數來選取頁面中具有“result”ID的元素，并通過innerHTML屬性將數據設置為該元素的內容。

在請求發(fā)送之前，我們通過xhttp.open方法指定了請求的類型、URL和是否異步處理。最后，通過xhttp.send方法發(fā)送Ajax請求。

通過上述例子，我們可以看到如何使用Ajax來在頁面加載完畢后調用函數，以實現異步請求和動態(tài)更新頁面的效果。無論是獲取用戶數據、更新內容還是執(zhí)行其他操作，Ajax都是一個非常有用的工具。

Ajax的應用不僅限于頁面加載完畢后調用函數，還可以用于許多其他方面，如表單提交、動態(tài)刷新等。學習和掌握Ajax將使我們能夠更加靈活地處理數據和與服務器進行交互，提升用戶體驗。