在這個範例程式中，我將使用$.ajax()方法，使用$.get()方法也可以，但我覺得$.ajax()更好一些，程式碼更容易懂，並且也不怎麼複雜。
//定義使用者名稱校驗的方法
//定義使用者名稱校驗的方法
function verify(){
//先測試頁面的按鈕按下，可以呼叫這個方法
//使用javascript的alert方法，顯示一個探出提示框
//alert("按鈕被點擊了！參數中#加上id屬性值可以找到一個節點。
//jquery的方法回傳的都是jquery的對象，可以繼續在上面執行其他的jquery方法
var jqueryObj = $("#userName");
//取得節點的值
var userName = jqueryObj.val();
//alert(userName);
//2.將文字方塊中的資料傳送至伺服器區段的servelt
//2.將文字方塊中的資料傳送至伺服器區段的servelt
//2.將文字方塊中的資料傳送給伺服器段的servelt
物件的定義方法
var obj = {name:"123",age:20};
//使用jquery的XMLHTTPrequest物件get請求的封裝POST", //http請求方式
url: "AJAXXMLServer", //傳送給伺服器段的資料
dataType: "xml" , //告訴JQuery回傳的資料格式
success: callback //定義互動完成，且伺服器正確回傳資料時所呼叫的回呼函數
});
}
}
回呼函數：
複製程式碼 程式碼如下:// alert("伺服器段的資料回來了！！"); //3.接收伺服器端回傳的資料
//需要將data這個dom物件中的資料解析出來
//首先需要將dom的物件轉換成JQuery的物件
var jqueryObj = $(data);
//取得message = 🎜> 🎜> //取得文字內容
var text = message.text();
//4.將伺服器段傳回的資料動態的顯示在頁面上
//找到儲存結果資訊的節點
var resultObj = $("#result");
//動態的改變頁中div節點中的內容
resultObj.html(text);
resultObj.html(text);
}
