java技術(shù)博客

jsp博客

數(shù)據(jù)加載中……

jquery的ajax應(yīng)用

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

function verify(){

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

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

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

//1.獲取文本框中的內(nèi)容

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

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

//jquery的方法返回的都是jquery的對象，可以繼續(xù)在上面執(zhí)行其他的jquery方法

var jqueryObj = $("#userName");

//獲取節(jié)點的值

var userName = jqueryObj.val();

//alert(userName);

//2.將文本框中的數(shù)據(jù)發(fā)送給服務(wù)器段的servelt

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

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

}

//回調(diào)函數(shù)

function callback(data) {

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

//3.接收服務(wù)器端返回的數(shù)據(jù)

// alert(data);

//4.將服務(wù)器段返回的數(shù)據(jù)動態(tài)的顯示在頁面上

//找到保存結(jié)果信息的節(jié)點

var resultObj = $("#result");

//動態(tài)的改變頁面中div節(jié)點中的內(nèi)容

resultObj.html(data);

alert("");

}

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

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理

<

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

統(tǒng)計

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

常用鏈接

留言簿(3)

隨筆分類

隨筆檔案

文章檔案

2008年10月 (1)