java技術博客

jsp博客

數據加載中……

2009年1月17日

jquery的ajax應用

//定義用戶名校驗的方法

function verify(){

//首先測試一下頁面的按鈕按下，可以調用這個方法

//使用javascript的alert方法，顯示一個探出提示框

//alert("按鈕被點擊了！！！");

//1.獲取文本框中的內容

//document.getElementById("userName"); dom的方式

//Jquery的查找節點的方式，參數中#加上id屬性值可以找到一個節點。

//jquery的方法返回的都是jquery的對象，可以繼續在上面執行其他的jquery方法

var jqueryObj = $("#userName");

//獲取節點的值

var userName = jqueryObj.val();

//alert(userName);

//2.將文本框中的數據發送給服務器段的servelt

//使用jquery的XMLHTTPrequest對象get請求的封裝

$.get("AJAXServer?name=" + userName,null,callback);

}

//回調函數

function callback(data) {

// alert("服務器段的數據回來了！！");

//3.接收服務器端返回的數據

// alert(data);

//4.將服務器段返回的數據動態的顯示在頁面上

//找到保存結果信息的節點

var resultObj = $("#result");

//動態的改變頁面中div節點中的內容

resultObj.html(data);

alert("");

}

posted @ 2009-01-17 16:35 郭興華閱讀(344) | 評論 (0) | 編輯收藏

<

2009年1月

>

日

一

二

三

四

五

六

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

統計

隨筆 - 84
文章 - 1
評論 - 2
引用 - 0

常用鏈接

留言簿(3)

隨筆分類

隨筆檔案

文章檔案

2008年10月 (1)