AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個網頁的情況下，通過異步請求加載數據的技術。它能夠提供更流暢的用戶體驗，因為它允許網頁加載數據時，不必等待整個頁面加載完成。本文將通過舉例，介紹在打開網頁時使用 AJAX 加載數據的過程和優勢。

假設我們有一個電子商務網站，當用戶登錄時，我們希望在頁面上顯示他們最近瀏覽的商品。傳統的做法是在用戶登錄后，重新加載整個頁面，并從數據庫中查詢最近瀏覽的商品，并將它們放在頁面中。然而，使用 AJAX，我們可以在不刷新整個頁面的情況下，異步請求并加載這些數據。

$.ajax({
url: "recently-viewed.php", 
success: function(result){
$("#recently-viewed").html(result);
}
});

上述代碼是一個簡單的示例，當用戶登錄后，我們向服務器發送一個請求，該請求調用名為 "recently-viewed.php" 的腳本。服務器然后查詢數據庫，獲取最近瀏覽的商品，并將結果返回給前端。在成功的回調函數中，我們將返回的結果更新到 id 為 "recently-viewed" 的 DOM 元素中。通過這種方式，我們可以在登錄時，只更新所需的 DOM 節點，而無需重新加載整個頁面。

使用 AJAX 加載數據在許多方面都提供了一種靈活的解決方案。以前面的例子為例，而不是加載最近瀏覽的商品，我們也可以使用 AJAX 加載關于用戶的其他個性化數據，如購物車中的商品或推薦商品。此外，使用 AJAX 也可以提供更快的用戶體驗，因為它只加載所需的數據，而不是整個頁面。

除了提供更好的用戶體驗外，使用 AJAX 加載數據還提供了一些其他的優勢。一方面，它可以減輕服務器的負載，因為每次只加載所需數據，而不是整個頁面。此外，如果有多個 AJAX 請求同時發送到服務器，它們可以并行處理，進一步提高加載速度。此外，使用 AJAX 還可以減少網絡帶寬的使用，從而降低了用戶和服務器之間的通信成本。

總之，使用 AJAX 在打開網頁時加載數據是一種高效的技術，它提供了更好的用戶體驗，減輕了服務器負載，并降低了通信成本。通過只加載所需數據，而不是整個頁面，我們可以快速展示用戶需要的內容，提高網站的響應速度。無論是在電子商務網站上加載個性化數據，還是在社交媒體平臺上加載最新的動態，使用 AJAX 加載數據都是一種強大的工具。