原生ajax和JQuery實現非同步對註冊姓名的校驗

2021-09-13 03:23:11 字數 1312 閱讀 1904

一、採用原生ajax實現對使用者註冊的校驗

1.建立乙個servlet來實現邏輯

其中省略了資料庫的連線操作以及checkuser(name)方法

}2.前段網頁註冊使用者**

(1)註冊**的建立

解釋: οnblur="checkusername(),onblur是滑鼠失去焦點的時候執行的行為,也就是滑鼠移開使用者名稱這一欄,我這裡設定了失去焦點實現乙個方法checkusername()

使用者名稱: 		

密碼

(2)ajax物件的建立

死**,不需要記憶

}(3)對上面的checkusername()方法的實現

function checkusername()

else

}}

request.send("name="+name);

}

二、採用jquery的方法來實現

前面的方法都不變,唯一改變的就是前段jsp裡面的**

function checkusername()  , function(data , status)else

} );

//3. 輸出響應的資料到頁面上。

}

不需要建立物件,就可以直接實現checkusername()方法來實現對使用者名稱的校驗

瀏覽效果:

沒有被註冊過的使用者名稱:

原生態ajax和jquery實現ajax

js原生版實現 1 建立xmlhttprequest物件 2 然後用這個物件操作open 方法 即 xmlhttprequest.open post url,true 3 用這個物件操作onreadystatechange這個屬性 即xmlhttprequest.onreadystatechange...

ajax 原生實現 與 jquery實現)

1 原生j ascript實現ajax請求 參見w3c 值得注意的是寫請求路徑是 一定不需要加 2 jquery實現ajax互動 ajax functionfun2 success function data get 請求路徑 請求引數 函式 返回資料的格式 post 請求路徑 請求引數 函式 返回...

原生ajax和jQuery中的ajax使用

ajax是一種能夠向伺服器請求額外的資料而不需重新整理頁面,會帶來更好的使用者體驗。ajax技術的核心是xmlhttprequest物件。ie7及現在瀏覽器中,使用原生xhr建立 ajax請求有兩種,同步請求和非同步請求,在open 中第三個引數設定是否非同步 true代表該次請求非同步,false...