大家都知道，可以用表單把JSP頁面的值提交到後臺，但是還有另外一種方式，就是用AJAX（非同步刷新技術）把JSP頁面提交到後臺，今天我就給大家講講如何用AJAX（非同步刷新技術）把JSP頁面提交到後臺，他們兩個其實是一起用的，你不用AJAX的時候你的表單裡面只能有一個提交按鈕，多個的話就無法區分，所有就有了AJAX（非同步刷新技術），使用AJAX（非同步刷新技術）的話就可以有多個按鈕了。

   首先介紹一下AJAX，在我的理解中，它是一種非同步刷新技術，可以用來把JSP頁面的值提交到後臺，就跟<form>表單提交是差不多的，使用AJAX時需要用到JQuery。

    下面給大家舉一個例子告訴大家怎麼使用AJAX（非同步刷新技術）來把JSP頁面的值提交到後臺：



   首先還是要新建一個<form>表單，裡面放文字輸入框以及提交按鈕，action引數=的Servlet現在不用寫，等下直接寫在AJAX（非同步刷新技術）裡面，然後在老師登入那裡定義一個id選擇器等下在JQuery裡面選擇它，要是有多個按鈕的話就可以寫多個選擇器：
 

   然後寫AJAX（非同步刷新技術）：

第一步：用一個選擇器選擇剛才定義的ID選擇器然後使用Click單擊事件呼叫Function函式：

$(#teacher).click(function(){

第二步：獲取你所填寫的表單對應的值,然後用一個變數接收：

var name = $("#username").val();

var pass = $("#password").val();

第三步：開始編寫AJAX：

$.ajax({

type : "post", //提交方式有兩種，分別是post和get，我們一般使用post形式進行提交，因為post形式較安全。

url : "點選按鈕所提交的Servlet",

data : {username : name,password : pass},  //data是一個屬性，由於有多個數據所以用大括號包起來，資料之間用逗號隔開，資料以鍵值對的形式表示。

statusCode : {404 : function() {
                    alert("找不到該頁面");
                }
            },   //statusCode是狀態碼，如果報404錯誤的話，就彈出alert裡面的內容。
 

})

})