場景描述：
對于一個登錄頁面中有一個登錄的表單，但是由于登錄驗證邏輯比較復雜，我們希望點擊登錄后不刷新當前頁面，給出登錄結果后再選擇是跳到新的頁面還是提示用戶名密碼錯誤。類似這樣的問題很多很多。異步獲取數據使用戶體驗大大增強。
背景知識：
Ajax指的是異步JavaScript及XML（Asynchronous JavaScript And XML）。
AJAX 不是一種新的編程語言，而是一種用于創建更好更快以及交互性更強的
Web 應用程序的技術。通過AJAX，您的JavaScript 可使用JavaScript 的XMLHttpRequest 對象來直接與服務器進行通信。通過這個對象，您的JavaScript 可在不重載頁面的情況與Web 服務器交換數據。AJAX
在瀏覽器與Web 服務器之間使用異步數據傳輸（HTTP 請求），這樣就可使網頁從服務器請求少量的信息，而不是整個頁面。AJAX 可使因特網應用程序更小、更快，更友好。AJAX
是一種獨立于Web 服務器軟件的瀏覽器技術?！JAX 基于下列Web 標準：JavaScript XML HTML CSS 在AJAX 中使用的Web 標準已被良好定義，并被所有的主流瀏覽器支持。AJAX 應用程序獨立于瀏覽器和平臺。Web
應用程序較桌面應用程序有諸多優勢；它們能夠涉及廣大的用戶，它們更易安裝及維護，也更易開發。 不過，因特網應用程序并不像傳統的桌面應用程序那樣完善且友好。
通過AJAX，因特網應用程序可以變得更完善，更友好。
具體用法：

復制代碼 代碼如下:

<script type="text/javascript">
(function(){
jQuery('#loginForm').click(
function() {
jQuery('#tips').html("正在登錄.....");
jQuery.post(
<span></span>'login.action',
<span></span>{
<span></span>"username":jQuery('#username').val(),
<span></span>"password":jQuery('#password').val()
<span></span>},
<span></span>function(result) {
jQuery('#tips').html(result);
<span></span>},
<span></span>"json"
<span></span>);
}
);
})();
</script>

復制代碼 代碼如下:

HttpServletResponse response = rundata.getResponse();
response.setContentType("application/json");
PrintWriter out;
try {
out = response.getWriter();
String result = (String) context.get("result");
JSONObject json = new JSONObject();
json.put("result", result);
out.print(json);
out.flush();
} catch (IOException e) {
e.printStackTrace();
}