在前端開發(fā)中，我們經(jīng)常需要通過AJAX技術(shù)與后端進(jìn)行數(shù)據(jù)交互。而在JavaEE中，我們可以使用Servlet來處理這些請求，并返回相應(yīng)的數(shù)據(jù)。本文將以一個簡單的例子來演示如何使用AJAX接收J(rèn)avaEE返回的信息。

假設(shè)我們有一個需求：用戶在前端輸入一個數(shù)字，點(diǎn)擊按鈕后，后端將該數(shù)字平方后返回給前端顯示。我們可以先創(chuàng)建一個HTML頁面，包含一個輸入框和一個按鈕：

<input type="text" id="number" placeholder="請輸入一個數(shù)字" />
<button onclick="calculate()">計算平方</button>

然后，我們編寫一個JavaScript函數(shù)來處理點(diǎn)擊按鈕事件，使用AJAX向后端發(fā)送請求，并將返回的數(shù)據(jù)顯示出來：

<script>
function calculate() {
var number = document.getElementById("number").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
document.getElementById("result").innerHTML = xhr.responseText;
}
}
};
xhr.open("GET", "CalculateServlet?number=" + number, true);
xhr.send();
}
</script>

在這段代碼中，我們先獲取用戶輸入的數(shù)字，然后創(chuàng)建一個XMLHttpRequest對象。接著，我們給xhr對象設(shè)置一個onreadystatechange事件處理函數(shù)，在該函數(shù)中判斷請求是否完成（readyState等于4），并判斷響應(yīng)狀態(tài)是否為成功（status等于200）。如果請求成功，我們將返回的數(shù)據(jù)顯示在頁面上。

接下來，我們需要創(chuàng)建一個Java Servlet來處理這個請求。在Servlet中，我們獲取前端傳遞過來的數(shù)字，并計算其平方，然后將結(jié)果返回給前端：

@WebServlet("/CalculateServlet")
public class CalculateServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
int number = Integer.parseInt(request.getParameter("number"));
int result = number * number;
response.setContentType("text/plain");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(String.valueOf(result));
}
}

在這段代碼中，我們通過@WebServlet注解將Servlet映射到了"/CalculateServlet"路徑上。在doGet方法中，我們使用request.getParameter方法獲取前端傳遞過來的數(shù)字，并進(jìn)行計算。然后，我們設(shè)置響應(yīng)的內(nèi)容類型和編碼，將計算結(jié)果以字符串形式寫入響應(yīng)的輸出流中。

最后，我們將HTML頁面和Java Servlet部署到一個JavaEE容器中，如Tomcat，然后打開該頁面。輸入一個數(shù)字，點(diǎn)擊按鈕，就可以看到返回的平方值在頁面上顯示出來了。

通過這個簡單的例子，我們可以看到，通過AJAX技術(shù)，前端可以向后端發(fā)送請求，并接收返回的信息。這種方式可以提高用戶體驗(yàn)，使應(yīng)用更加靈活和響應(yīng)式。在實(shí)際開發(fā)中，我們可以根據(jù)具體的需求，使用不同的請求方法（GET、POST等），傳遞參數(shù)，并處理不同類型的返回數(shù)據(jù)。