Ajax 是一種用于在網頁上進行異步數據交換的技術。根據前端開發的需求，我們常常需要在網頁加載完成后直接從后端數據庫獲取數據。本文將探討如何使用 Ajax 在網頁加載完成后從后端數據庫獲取數據，并通過舉例來說明其實際應用。
在很多網頁應用中，用戶在進行操作時需要實時獲取最新的數據。例如，在一個在線商城中，當用戶點擊某個商品分類時，我們希望網頁能夠立即顯示該分類的商品列表。而不是通過頁面的刷新來實現這一功能。這就是典型的使用 Ajax 技術從后端數據庫獲取數據的場景之一。
在網頁加載完成后，我們可以通過綁定某個事件（例如點擊按鈕）來觸發 Ajax 請求，從而將需要的數據從后端數據庫獲取并渲染到網頁上。以下是一個示例代碼：

<script>
document.getElementById("btn").addEventListener("click", function() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// ... 對獲取到的數據進行操作
}
};
xhr.open("GET", "api/getDataFromDB", true);
xhr.send();
});
</script>

在這段代碼中，我們使用了 XMLHttpRequest 對象來發送 Ajax 請求。當用戶點擊按鈕時，該請求將被發送到后端服務器的 "/api/getDataFromDB" 路徑。一旦服務器端返回了響應，我們可以將獲取到的數據進行相應的操作。
以上代碼只是一個簡單的示例，實際應用中可能會更加復雜。例如，我們可以在用戶輸入搜索關鍵字時使用 Ajax 請求從后端數據庫中獲取匹配的搜索結果，并實時顯示在網頁上。或者在用戶進行分頁瀏覽時，通過 Ajax 請求從后端數據庫中獲取下一頁的數據，并在當前頁面顯示。這些都是 Ajax 請求從后端數據庫獲取數據的常見應用場景。
總結起來，通過使用 Ajax 技術可以在網頁加載完成后實現從后端數據庫獲取數據的功能。我們可以根據具體的需求，在網頁上綁定事件，并在事件觸發時發送 Ajax 請求獲取后端數據庫的數據。這樣，在不刷新頁面的情況下，可以實時從后端數據庫獲取數據并將其呈現給用戶。這種實時性的需求在各種 Web 應用中都是非常常見的，Ajax 技術的應用使得我們能夠更好地滿足用戶的需求。