SSH網上商城之使用ajax完成用戶名是否存在異步校驗

來源：懂視網責編：小采時間：2020-11-27 19:47:12

SSH網上商城之使用ajax完成用戶名是否存在異步校驗

SSH網上商城之使用ajax完成用戶名是否存在異步校驗:這篇文章主要介紹了SSH網上商城之使用ajax完成用戶名是否存在異步校驗的相關資料,需要的朋友可以參考下小伙伴在上網的時候，需要下載或者觀看某些視頻資料，更或者是在逛淘寶的時候，我們都需要注冊一個用戶，當我們填寫好各種信息，點擊確定的時候，提示用戶

推薦度：

點擊下載本文 文檔為doc格式

導讀SSH網上商城之使用ajax完成用戶名是否存在異步校驗:這篇文章主要介紹了SSH網上商城之使用ajax完成用戶名是否存在異步校驗的相關資料,需要的朋友可以參考下小伙伴在上網的時候，需要下載或者觀看某些視頻資料，更或者是在逛淘寶的時候，我們都需要注冊一個用戶，當我們填寫好各種信息，點擊確定的時候，提示用戶

這篇文章主要介紹了SSH網上商城之使用ajax完成用戶名是否存在異步校驗的相關資料,需要的朋友可以參考下

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

首先ajax完成用戶名是否存在異步校驗，那么我們該如何做呢？在這里，我們要由事件進行觸發(fā)，也就是說，我們在用戶名里面輸入的時候，鼠標移開，這個事件叫做onblur，即失去焦點，與其相對的，鼠標放在里面獲得焦點，我們稱之為onfocus，那么失去焦點，我們該怎么操作呢？首先找到注冊頁面，在注冊頁面找到用戶名那部分的代碼，在后面加上onblur=checkUsername（），校驗用戶名即可，接著我們來編寫方法checkUsername，具體代碼如下所示：

接著，我們來建立實體Vo，實現模型驅動，自動實現封裝，具體代碼如下所示：

我們要接收參數，實現模型驅動，ActionSupport直接實現modelDriven即可，接著來編寫我們的ajax代碼，需要向action中進行提交，我們來編寫UserAction中的代碼，具體代碼如下所示：

輸出 HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/html;charset=UTF-8"); //判斷 if(existUser != null){ //查詢到該用戶：用戶名已經存在 response.getWriter().println("用戶名已經存在"); }else{ //沒查詢到該用戶：用戶名可以使用 response.getWriter().println("用戶名已經存在"); } return NONE; } /** * 用戶注冊的方法： */ public String regist(){ return NONE; } }

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

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

接著，我們需要在service里面完成對Dao的調用，具體代碼如下所示：

接著我們需要在UserAction中進行調用，具體代碼如下所示：

最后，我們來編寫映射文件里面的內容，具體代碼如下所示：

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

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