本文將介紹如何使用Ajax給Servlet傳值，并通過舉例說明其使用的具體方法和效果。

Ajax（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用程序的技術。它可以在不刷新整個頁面的情況下，異步地向服務器發送請求并接收響應。在Web開發中，經常遇到需要向后端服務器傳遞數據的場景，例如表單提交、用戶登錄等。傳統的做法是將數據通過表單的submit事件傳遞給后端的Servlet進行處理。而Ajax可以通過異步的方式，在不刷新整個頁面的情況下，向后端發送數據并接收處理結果。

下面我們通過一個簡單的例子來說明如何使用Ajax給Servlet傳值。假設有一個用戶登錄的功能，用戶需要輸入用戶名和密碼，然后點擊登錄按鈕。通過Ajax，可以將用戶名和密碼異步地發送給后端的Servlet，然后由Servlet對用戶名和密碼進行驗證。

// HTML代碼
<form id="login-form">
<input type="text" id="username" name="username">
<input type="password" id="password" name="password">
<button type="button" onclick="login()">登錄</button>
</form>
<div id="result"></div>
// JavaScript代碼
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xhttp.open("POST", "LoginServlet", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("username=" + username + "&password=" + password);
}

上述代碼中，我們首先使用JavaScript獲取到用戶名和密碼的值。然后創建一個XMLHttpRequest對象，它負責與服務器進行異步通信。通過調用open方法指定請求的方法（POST）、URL（LoginServlet）和是否異步（true）。使用setRequestHeader方法設置請求頭部信息，告訴服務器請求的數據類型為"application/x-www-form-urlencoded"。最后，通過調用send方法將用戶名和密碼使用"username=xxx&password=xxx"的格式發送給后端的Servlet。

后端的Servlet代碼如下：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
// 驗證用戶名和密碼
if (username.equals("admin") && password.equals("123456")) {
response.getWriter().write("登錄成功");
} else {
response.getWriter().write("用戶名或密碼錯誤");
}
}

在Servlet中，我們通過request.getParameter方法獲取到前端傳遞過來的用戶名和密碼。然后進行驗證，如果用戶名和密碼正確，則向前端返回"登錄成功"，否則返回"用戶名或密碼錯誤"。

通過上述例子，我們可以看到，通過Ajax給Servlet傳遞值非常方便，不需要刷新整個頁面，用戶體驗更加友好。在實際的Web開發中，Ajax廣泛應用于各種場景，例如表單提交、數據查詢等。掌握Ajax的使用，可以提高網頁的響應速度和用戶體驗。