近年來，隨著Web應用的快速發展，Ajax（Asynchronous JavaScript and XML）技術成為了前端開發的重要工具之一。Ajax通過在后臺與服務器進行少量數據交換，實現了網頁的異步更新。在使用Ajax進行網頁開發時，我們常常需要獲取頁面上的各個元素的值，特別是通過用戶的交互而動態改變的元素。本文將介紹如何使用Action來獲取Ajax頁面上的值，并通過實例加以說明。

假設我們有一個網頁上有一個div元素，當用戶點擊這個元素時，我們需要通過Ajax將該元素的值傳遞給服務器端的Action。為了達到這個目的，我們需要使用JavaScript代碼來監聽div元素的點擊事件，并通過Ajax將其值傳遞給Action。

// JavaScript代碼
var divElement = document.getElementById('myDiv');
divElement.onclick = function() {
var value = divElement.innerHTML; // 獲取div元素的值
$.ajax({
url: 'myAction', // Action的URL
type: 'POST', // 發送HTTP請求的方式
data: { value: value }, // 發送給服務器端的數據
success: function(response) {
alert('請求成功！'); // 請求成功時的操作
},
error: function() {
alert('請求失敗！'); // 請求失敗時的操作
}
});
};

上述代碼中，我們首先通過getElementById方法獲取了id為myDiv的div元素，并通過onclick事件監聽了div元素的點擊事件。當用戶點擊div元素時，該事件的回調函數將被觸發。回調函數中通過innerHTML屬性獲取了div元素的值，并將其賦給了value變量。

<div id="myDiv">這是一個div元素</div>

接下來，我們使用了jQuery庫中的ajax方法來發送Ajax請求。url參數指定了要發送請求的Action的URL，type參數指定了發送HTTP請求的方式（這里使用了POST方式），data參數指定了要發送給服務器端的數據（這里我們將div元素的值通過value字段傳遞給了服務器端的Action）。

// Action代碼
public class MyAction extends ActionSupport {
private String value;
// getter和setter方法省略
public String execute() {
System.out.println("接收到的值：" + value);
return SUCCESS;
}
}

在服務器端的Action中，我們創建了一個名為value的私有成員變量，并為其提供了對應的getter和setter方法。在execute方法中，我們簡單地打印出了接收到的值，并在方法末尾返回了一個SUCCESS字符串。你可以根據自己的實際需求對這段代碼進行適當地修改。

通過上述代碼，當用戶點擊div元素時，將會觸發Ajax請求，并將div元素的值傳遞給服務器端的Action。服務器端的Action將收到這個值，并做出相應的處理，比如將其存儲到數據庫中。在此基礎上，我們可以進一步進行業務邏輯的處理，比如根據該值查詢數據庫、返回頁面等。

總之，通過Action取Ajax頁面值是一種常見且實用的技術。通過靈活運用JavaScript和Ajax，我們可以輕松地實現與服務器端的數據交互，為Web應用的開發帶來了很大的便利性和靈活性。