java技術(shù)博客

jsp博客

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

2009年1月12日

jquery的ajax應(yīng)用

//定義用戶名校驗(yàn)的方法

function verify(){

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

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

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

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

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

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

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

var jqueryObj = $("#userName");

//獲取節(jié)點(diǎn)的值

var userName = jqueryObj.val();

//alert(userName);

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

//使用jquery的XMLHTTPrequest對(duì)象get請(qǐng)求的封裝

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

}

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

function callback(data) {

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

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

// alert(data);

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

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

var resultObj = $("#result");

//動(dòng)態(tài)的改變頁(yè)面中div節(jié)點(diǎn)中的內(nèi)容

resultObj.html(data);

alert("");

}

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

上海交通大學(xué)java視頻教程共31講

上海交通大學(xué)java視頻教程共31講
If you are interested in java, you can spend time learning about it

posted @ 2009-01-12 22:17 郭興華閱讀(594) | 評(píng)論 (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

統(tǒng)計(jì)

隨筆 - 84
文章 - 1
評(píng)論 - 2
引用 - 0

常用鏈接

留言簿(3)

隨筆分類

隨筆檔案

文章檔案

2008年10月 (1)