AJAX（Asynchronous JavaScript and XML）是一種在Web頁面上使用JavaScript異步傳輸數據的技術。通過AJAX，我們可以在不刷新整個頁面的情況下，通過與服務器交互獲取數據并更新頁面。在使用AJAX獲取數據時，常常會用到Action中返回的JSON數據。本文將介紹如何使用AJAX獲取Action中的JSON數據，并通過舉例說明其用法。

首先，讓我們假設有一個網頁，其中包含一個按鈕。當用戶點擊該按鈕時，使用AJAX從服務器獲取JSON數據并將其顯示在頁面上。

<button id="getDataButton">獲取數據</button>
<div id="dataContainer"></div>
<script>
document.getElementById("getDataButton").onclick = function() {
// 創建一個AJAX對象
var xmlhttp = new XMLHttpRequest();
// 設置回調函數，當AJAX請求狀態變化時執行該函數
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 獲取從服務器返回的JSON數據
var data = JSON.parse(this.responseText);
// 將數據顯示在頁面上
document.getElementById("dataContainer").innerHTML = data.name;
}
};
// 發送AJAX請求
xmlhttp.open("GET", "example.com/getData", true);
xmlhttp.send();
};
</script>

在上面的例子中，當按鈕被點擊時，JS代碼會執行。首先，它創建了一個XMLHttpRequest對象，這是所有現代瀏覽器都支持的AJAX對象。然后，它設置了一個回調函數，該函數在AJAX請求狀態變化時被調用。

在回調函數中，我們首先通過this.readyState和this.status來判斷AJAX請求的狀態。當this.readyState等于4且this.status等于200時，表示服務器成功返回了數據。此時，我們可以通過this.responseText獲取服務器返回的數據。

在這個例子中，我們假設服務器返回的是如下JSON數據：

{
"name": "John",
"age": 25,
"country": "USA"
}

我們使用JSON.parse()方法將返回的字符串解析成一個JavaScript對象。然后，我們將該對象中的name屬性的值顯示在頁面上的dataContainer元素中。

通過這個例子，我們可以看到如何使用AJAX來獲取Action中的JSON數據，并將其顯示在頁面上。當然，實際應用中的情況可能更加復雜，但基本原理是相同的。只需將AJAX請求的URL替換為Action的URL，同時設置正確的請求方法和回調函數即可。

總結來說，AJAX是一種非常有用的技術，可以在不刷新整個頁面的情況下與服務器交互。當我們需要從Action中獲取JSON數據時，可以使用AJAX來實現。通過設置正確的請求和回調函數，我們可以輕松地獲取Action中的JSON數據，并在頁面上進行處理。希望本文對讀者有所幫助！