SSH網(wǎng)上商城之使用ajax完成用戶名是否存在異步校驗(yàn)

小伙伴在上網(wǎng)的時(shí)候，需要下載或者觀看某些視頻資料，更或者是在逛淘寶的時(shí)候，我們都需要注冊(cè)一個(gè)用戶，當(dāng)我們填寫(xiě)好各種信息，點(diǎn)擊確定的時(shí)候，提示用戶名已經(jīng)存在，小編就想，為什么當(dāng)我們填寫(xiě)完用戶名的時(shí)候，她就自動(dòng)提示用戶名已經(jīng)存在，我們也不需要浪費(fèi)那么多感情，直到填寫(xiě)完那么多的信息之后在提示，在小編最近的項(xiàng)目中，就碰到這個(gè)問(wèn)題，我們可以使用ajax完成用戶名是否存在，今天這篇博客，小編就簡(jiǎn)單的總結(jié)一下，如何使用ajax來(lái)完成校驗(yàn)，還請(qǐng)小伙伴多多指教哦`(*∩_∩*)′！

首先ajax完成用戶名是否存在異步校驗(yàn)，那么我們?cè)撊绾巫瞿兀吭谶@里，我們要由事件進(jìn)行觸發(fā)，也就是說(shuō)，我們?cè)谟脩裘锩孑斎氲臅r(shí)候，鼠標(biāo)移開(kāi)，這個(gè)事件叫做onblur，即失去焦點(diǎn)，與其相對(duì)的，鼠標(biāo)放在里面獲得焦點(diǎn)，我們稱(chēng)之為onfocus，那么失去焦點(diǎn)，我們?cè)撛趺床僮髂?？首先找到注?cè)頁(yè)面，在注冊(cè)頁(yè)面找到用戶名那部分的代碼，在后面加上onblur=checkUsername（），校驗(yàn)用戶名即可，接著我們來(lái)編寫(xiě)方法checkUsername，具體代碼如下所示：

接著，我們來(lái)建立實(shí)體Vo，實(shí)現(xiàn)模型驅(qū)動(dòng)，自動(dòng)實(shí)現(xiàn)封裝，具體代碼如下所示：

我們要接收參數(shù)，實(shí)現(xiàn)模型驅(qū)動(dòng)，ActionSupport直接實(shí)現(xiàn)modelDriven即可，接著來(lái)編寫(xiě)我們的ajax代碼，需要向action中進(jìn)行提交，我們來(lái)編寫(xiě)UserAction中的代碼，具體代碼如下所示：

接著，我們需要做的就是把service和Dao配置到applicationContext中，代碼如下所示：

配置好了之后，我們需要在UserDao里面完成查詢(xún)，具體代碼如下所示：

接著，我們需要在service里面完成對(duì)Dao的調(diào)用，具體代碼如下所示：

接著我們需要在UserAction中進(jìn)行調(diào)用，具體代碼如下所示：

最后，我們來(lái)編寫(xiě)映射文件里面的內(nèi)容，具體代碼如下所示：

不要忘記了，要把她陪到applicationContext里面，具體代碼如下所示：

代碼到此結(jié)束，下面給大家展示下效果圖：

上面是我整理給大家的，希望今后會(huì)對(duì)大家有幫助。

相關(guān)文章：

ajax請(qǐng)求之返回?cái)?shù)據(jù)的順序問(wèn)題分析

防止重復(fù)發(fā)送Ajax請(qǐng)求的解決方案

解決ajax返回驗(yàn)證的時(shí)候總是彈出error錯(cuò)誤的方法

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com