AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式Web應用程序的技術，它能夠在不刷新整個頁面的情況下向服務器發送請求并接收響應。通過AJAX，我們可以實現很多有趣的功能，如實時搜索、實時更新內容、實現聊天功能等。在本文中，我們將討論如何使用AJAX將數據通過提交到Action類進行處理。

在使用AJAX提交表單數據到Action類之前，首先需要了解數據是如何傳遞的。在傳統的表單提交中，我們點擊提交按鈕，整個頁面會被重新加載，然后提交的數據會通過HTTP請求傳遞給服務器，服務器處理完成后，返回一個新的頁面。而在利用AJAX提交表單數據時，我們可以通過JavaScript將表單數據收集起來，并以XML或JSON的格式發送到服務器，服務器進行處理后，返回一個處理結果給客戶端，并根據結果動態更新頁面的局部內容。這種方式不需要刷新整個頁面，大大提高了用戶體驗。

接下來，讓我們看一個例子來演示如何使用AJAX提交表單數據到Action類。假設我們有一個登錄表單，其中包含一個用戶名和一個密碼的輸入框。當用戶點擊登錄按鈕時，利用AJAX將輸入的用戶名和密碼發送到服務器進行驗證。

<form id="loginForm">
<input type="text" name="username" id="username">
<input type="password" name="password" id="password">
<input type="button" value="登錄" onclick="submitForm()">
</form>
<script>
function submitForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "login.action", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
if (response === "success") {
alert("登錄成功");
} else {
alert("登錄失敗");
}
}
};
xhr.send("username=" + encodeURIComponent(username) + "&password=" + encodeURIComponent(password));
}
</script>

在以上代碼中，我們通過JavaScript獲取用戶名和密碼的值，并創建一個XMLHttpRequest對象（簡稱XHR）。然后，我們設置XHR對象的請求方式為POST、請求的URL為“login.action”，并將Content-Type設置為“application/x-www-form-urlencoded”，表示請求的數據以key-value形式發送。接下來，我們定義XHR對象的狀態變化事件的回調函數，當XHR對象的readyState等于4（請求完成）且status等于200（請求成功）時，我們根據服務器返回的結果進行處理。最后，我們通過XHR對象的send方法發送請求，并通過“username=” + encodeURIComponent(username) + "&password=" + encodeURIComponent(password)的方式將表單數據傳遞給服務器。

在服務器端，我們需要創建一個處理登錄功能的Action類。在該Action類中，我們可以通過接收請求的參數，對用戶名和密碼進行驗證，并返回相應的處理結果。

public class LoginAction extends ActionSupport {
private String username;
private String password;
// Getter and setter methods
public String execute() {
if (username.equals("admin") && password.equals("password")) {
return SUCCESS;
} else {
return FAILURE;
}
}
}

在以上代碼中，我們通過定義兩個私有字符串變量和對應的getter和setter方法，接收請求中通過POST方式發送的username和password參數。然后，我們在execute方法中對用戶名和密碼進行驗證，如果是合法用戶，則返回SUCCESS；否則，返回FAILURE。

通過以上的示例，我們可以看到，利用AJAX提交數據到Action類進行處理是一種非常靈活和高效的方式。它可以在不刷新整個頁面的情況下與服務器進行交互，并實現動態更新頁面內容的效果。這大大提升了用戶體驗，使得我們能夠創建出更加強大和用戶友好的Web應用程序。