在Web開發中，我們經常需要獲取服務器返回的數據，并在不刷新整個頁面的情況下更新頁面的內容。AJAX技術為我們提供了一種實現這個目標的方法。在AJAX中，我們可以通過發送HTTP請求獲取服務器端返回的數據，并將這些數據存儲在全局變量中，以便后續在整個網頁中使用。這樣，我們可以在不刷新整個頁面的情況下，動態地更新頁面的內容或執行其他操作。本文將介紹如何使用AJAX獲取的值存儲全局變量，并以具體的代碼示例進行說明。

假設我們有一個簡單的網頁，其中包含一個按鈕和一個用于顯示服務器返回數據的文本框。當用戶點擊按鈕時，我們通過AJAX發送一個GET請求到服務器，獲取一些數據，并將其顯示在文本框中。

<button onclick="getData()">獲取數據</button>
<input type="text" id="dataTextBox" >

在上述代碼中，我們定義了一個按鈕以及一個具有唯一ID的文本框用于顯示數據。當按鈕被點擊時，我們調用名為"getData()"的JavaScript函數來獲取數據并將其顯示在文本框中。

function getData() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
document.getElementById("dataTextBox").value = response;
}
};
xhr.open("GET", "example.com/api/data", true);
xhr.send();
}

以上代碼是用于獲取數據的JavaScript函數。我們創建了一個XMLHttpRequest對象，并在其onreadystatechange屬性上定義了一個回調函數。當readyState屬性值等于4（表示服務器的響應已完全接收）且status屬性值等于200（表示響應狀態為成功）時，我們將服務器返回的數據存儲在局部變量“response”中，并將其賦值給文本框的value屬性，以顯示在頁面上。

現在，讓我們添加一個全局變量來存儲這些數據，以便后續在頁面的其他地方使用。

var globalData;
function getData() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
globalData = response; // 存儲到全局變量中
document.getElementById("dataTextBox").value = response;
}
};
xhr.open("GET", "example.com/api/data", true);
xhr.send();
}

在上述代碼中，我們創建了名為“globalData”的全局變量，并將服務器返回的數據存儲在其中。這樣，我們就可以在整個頁面的任何位置使用這個全局變量，而不僅僅是在獲取數據的函數內部。例如，我們可以編寫如下代碼來在頁面的其他地方使用全局變量：

function processData() {
var modifiedData = globalData + " modified";
// 其他處理數據的操作
}

在上述代碼中，我們創建了一個名為“processData()”的函數，并使用全局變量“globalData”進行一些處理。這樣，我們就可以在獲取數據的函數外部訪問和操作該數據。

綜上所述，通過使用AJAX獲取的值存儲在全局變量中，我們可以方便地在整個頁面中使用這些數據，并且不需要刷新整個頁面。無論是更新頁面的內容，還是進行其他操作，這種方式都能夠提供更好的用戶體驗。