AJAX = 異步 JavaScript 和 XML。
AJAX 是一種用於創建快速動態網頁的技術。
通過在后台與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。
傳統的網頁（不使用 AJAX）如果需要更新內容，必需重載整個網頁面。
可使用jQuery的Ajax與Java通過POST方式進行交互
實現代碼樣例具體如下：
html代碼
<body> <div id="main"> <button id="myBut">Ajax獲取數據</button> <div id="container"></div> </div> </body>
style代碼
<style type="text/css"> #main { margin: 0 auto; width: 400px; } #container { width: 400px; height: 300px; border: 1px dashed #666; text-align: center; line-height: 300px; } </style>
javastript代碼
<script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function() { $('#myBut').click(function() { $.post("JqueryAjaxServlet", { age : 18, name : "zhang" }, function(data, textStatus) { var container = $('#container'); var resultData = $.parseJSON(data); var age = resultData.age; var name = resultData.name; container.html("name:" + name + "," + "age:" + age); }); }); }); </script>
java代碼
public class JqueryAjaxServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String age = request.getParameter("age"); String name = request.getParameter("name"); String personJSON = "{\"name" + "\":\"" + name + "\"," + "\"age" + "\":" + age + "}"; System.out.println(personJSON); response.getWriter().write(personJSON); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } }
web.xml代碼
<servlet> <servlet-name>JqueryAjaxServlet</servlet-name> <servlet-class>com.jquery.ajax.com.JqueryAjaxServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>JqueryAjaxServlet</servlet-name> <url-pattern>/JqueryAjaxServlet</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list>
另附其他實現代碼：
ajax調用后台java類的例子 blog.csdn.net/rznice/article/details/43561645
java + jquery + ajax + json 交互 http://yangchunhe.iteye.com/blog/1751239