AJAX（Asynchronous JavaScript and XML）是一種用于在客戶端與服務器之間進行異步通信的技術。JSP（Java Server Pages）是一種用于開發動態網頁的Java技術。在網站開發過程中，我們常常需要將用戶輸入數據寫入數據庫。本文將介紹如何使用AJAX和JSP將數據寫入數據庫。

通常情況下，傳統的網頁開發中，用戶輸入數據會通過表單提交到服務器端的JSP頁面，然后JSP頁面再將數據存入數據庫。這個過程需要整個頁面重新刷新，用戶體驗不夠流暢。而使用AJAX技術，可以在不刷新整個頁面的情況下與服務器進行交互，提高用戶體驗。

下面是一個實例，在網頁中有一個表單，用戶可以輸入一條評論，并點擊提交按鈕。使用AJAX和JSP，可以在提交評論的同時將它保存到數據庫中。具體的步驟如下：

// HTML部分
<form id="commentForm">
<input type="text" id="comment" name="comment">
<button type="submit">提交評論</button>
</form>
// JavaScript部分
document.getElementById("commentForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
var comment = document.getElementById("comment").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "saveComment.jsp", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
alert("評論已提交！");
}
};
xhr.send("comment=" + comment);
});

上述代碼中，通過addEventListener方法給提交按鈕綁定了一個"submit"事件的監聽函數。當用戶點擊按鈕提交表單時，監聽函數會被觸發。在函數中，首先調用event.preventDefault()方法阻止表單的默認提交行為。然后獲取用戶輸入的評論信息，使用XMLHttpRequest對象發送一個POST請求到saveComment.jsp頁面。在請求的header中設置Content-type為"application/x-www-form-urlencoded"，以便服務器端可以正確解析數據。最后在onreadystatechange事件中，當AJAX請求成功完成并返回數據時，彈出一個提示框告知用戶評論已提交。

在服務器端的saveComment.jsp頁面中，我們可以獲取AJAX請求中的comment參數，并將它保存到數據庫中。以下是一個簡化的代碼片段：

<%@ page import="java.sql.*" %>
<%@ page import="javax.naming.*" %>
<%!
private void saveComment(String comment) {
try {
Context initCtx = new InitialContext();
Context envCtx = (Context) initCtx.lookup("java:comp/env");
DataSource ds = (DataSource) envCtx.lookup("jdbc/mydb");
Connection conn = ds.getConnection();
Statement stmt = conn.createStatement();
stmt.executeUpdate("INSERT INTO comments (comment) VALUES ('" + comment + "')");
stmt.close();
conn.close();
} catch (Exception e) {
e.printStackTrace();
}
}
%>
<% 
String comment = request.getParameter("comment");
saveComment(comment);
%>

在上述代碼中，我們首先導入了java.sql.*和javax.naming.*包。然后定義了一個saveComment方法，用于將評論保存到數據庫中。在方法中，首先通過JNDI技術獲取到數據庫的數據源（DataSource），然后創建數據庫連接并執行插入操作。最后關閉數據庫連接。在JSP頁面的上方使用<%! %>標簽定義的代碼是在JSP頁面被第一次訪問時被執行的，而<% %>標簽中的代碼會在每次請求時都被執行。

通過使用AJAX和JSP，我們可以實現在用戶提交了評論后，將評論數據保存到數據庫中，而不需要整個頁面刷新。這種方式不僅提高了用戶體驗，還減輕了服務器的壓力。

總結來說，通過AJAX和JSP將數據寫入數據庫是一種高效、流暢的方式。它允許在不刷新整個頁面的情況下與服務器進行交互，并將數據保存到數據庫中。使用AJAX和JSP，我們可以讓網頁更加動態和互動，提升用戶體驗。