Ajax是一種在網頁中使用JavaScript進行異步通信的技術。通過Ajax，我們可以在不刷新整個網頁的情況下，從服務器獲取數據并實時更新頁面，提高用戶體驗。其中，保存為全局變量是一種常見的應用方式，可以在不同的函數之間共享數據，方便數據的傳遞和處理。本文將介紹Ajax保存為全局變量的方法，并通過舉例加以說明。 在使用Ajax時，我們通常會通過XMLHttpRequest對象來發送請求并接收響應。在接收到響應后，我們可以將所需的數據保存為全局變量，以便后續使用。例如，假設我們的網頁上有一個按鈕，點擊按鈕后會通過Ajax從服務器獲取用戶信息，并在頁面上顯示用戶的姓名和年齡。我們可以定義一個全局變量來保存從服務器獲取的用戶信息，供其他函數使用。 ```JavaScript var userInfo; // 保存用戶信息的全局變量 function fetchUserInfo() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/user', true); xhr.onload = function() { if (xhr.status === 200) { userInfo = JSON.parse(xhr.responseText); // 將服務器響應轉換為JavaScript對象 displayUserInfo(); // 顯示用戶信息 } }; xhr.send(); } function displayUserInfo() { var name = userInfo.name; var age = userInfo.age; document.getElementById('name').innerHTML = name; document.getElementById('age').innerHTML = age; } ``` 上述代碼中，首先我們定義了一個全局變量`userInfo`，用于保存從服務器獲取的用戶信息。在`fetchUserInfo`函數中，通過Ajax請求獲取用戶信息，并將其保存到全局變量`userInfo`中。在收到響應并成功解析后，調用`displayUserInfo`函數將用戶信息顯示在頁面上。 另一個常見的應用場景是利用全局變量進行數據緩存。例如，我們需要通過Ajax從服務器獲取某個產品的價格，然后在用戶瀏覽其他頁面時仍然能夠顯示該價格，而不需要再次發送請求。這時，我們可以使用全局變量來保存該價格，并在需要時進行讀取。 ```JavaScript var productPrice; // 保存產品價格的全局變量 var isPriceFetched = false; // 記錄價格是否已獲取的標志 function fetchProductPrice() { if (isPriceFetched) { displayProductPrice(); // 已獲取過價格，則直接顯示 } else { var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/price', true); xhr.onload = function() { if (xhr.status === 200) { productPrice = xhr.responseText; isPriceFetched = true; displayProductPrice(); // 顯示產品價格 } }; xhr.send(); } } function displayProductPrice() { document.getElementById('price').innerHTML = productPrice; } ``` 上述代碼中，我們定義了兩個全局變量`productPrice`和`isPriceFetched`，用于保存產品價格和標記是否已獲取價格的狀態。在`fetchProductPrice`函數中，如果價格已經獲取過，則直接調用`displayProductPrice`函數顯示價格；否則，發送Ajax請求獲取價格，并在接收到響應后保存到全局變量中，并將`isPriceFetched`標記為`true`，以便下次直接顯示價格。 總結來說，通過將Ajax請求的結果保存為全局變量，我們可以在不同函數之間共享數據，方便數據的傳遞和處理。這種方式可以提高代碼的可維護性和靈活性，并提升用戶體驗。然而，需要注意的是全局變量的使用應該謹慎，避免產生命名沖突或造成安全問題。