AJAX（Asynchronous JavaScript and XML）是一種在 Web 開發中常用的技術，它能夠實現在瀏覽器與服務器之間的異步數據交換。通常情況下，我們會在 JavaScript 代碼中使用 AJAX 來向服務器發送請求，然后在獲取到服務器返回的數據后，再將其展示在網頁中。但是有時候，我們也可以將 AJAX 直接寫在最外層頁面中，以便在頁面加載時就能夠請求到所需的數據，從而提高頁面的加載速度和用戶體驗。

為了更好地理解直接在最外層頁面中使用 AJAX 請求的優勢，我們來看一個具體的例子。假設我們有一個新聞網站，該網站的首頁需要顯示最新的新聞列表。在一般情況下，我們可以通過 JavaScript 在網頁加載后發送 AJAX 請求，然后在獲取到數據后將其插入到網頁中。但是，由于這個過程需要等到網頁加載完畢后才能進行，因此會導致用戶在訪問網頁期間出現白屏的情況。

function getLatestNews() {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/latest-news', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var newsList = JSON.parse(xhr.responseText);
// 將新聞列表插入到網頁中
}
};
xhr.send();
}

為了解決這個問題，我們可以考慮將 AJAX 請求直接寫在最外層頁面中。這樣一來，當用戶訪問該網站的首頁時，就可以直接發起 AJAX 請求，以獲取最新的新聞列表數據，并在頁面加載完成后直接將其展示出來。這樣就避免了用戶在網頁加載期間出現白屏的情況。

此外，直接將 AJAX 請求寫在最外層頁面中還可以帶來其他的好處。比如，我們可以利用這種方式來實現頁面的預加載。在用戶訪問某個頁面之前，我們可以提前向服務器發送 AJAX 請求，獲取到該頁面所需的數據。當用戶點擊鏈接時，我們就能夠迅速地加載出該頁面，而無需再次發起 AJAX 請求。這樣一來，不僅可以提高頁面的加載速度，還可以減輕服務器的負擔。

總而言之，直接將 AJAX 請求寫在最外層頁面中可以有效地提高頁面加載速度和用戶體驗。通過在頁面加載時就獲取所需的數據，可以避免白屏現象的發生，并且還可以提前加載頁面所需的數據，從而加快頁面的加載速度。希望通過本文的介紹，大家對于直接在最外層頁面中使用 AJAX 請求有了更深入的理解。