簡單AJAX非同步校驗使用者名稱是否存在

2022-09-03 20:30:16 字數 2795 閱讀 3742

一、匯入需要依賴：阿里的fastjson

<


dependency


>


<


groupid


>com.alibaba


groupid


>


<


artifactid


>fastjson


artifactid


>


<


version


>1.2.73


version


>


dependency


>
二、mvc中的配置

三、前台頁面**及**（這裡前台用了bootstrap外掛程式）

<


form


>


<


div 


id="bigbox"


>


<


div 


class


="form-group"


>


<


label 


>username


label


>


<


input 


type


="text"


class


="form-control"


id="username"


name


="username"


placeholder


="您的使用者名稱"


><


span 


id="span"


>


span


>


div>


<


div 


class


="form-group"


>


<


label 


for="exampleinputpassword1"


>password


label


>


<


input 


type


="password"


class


="form-control"


id="exampleinputpassword1"


placeholder


="password"


>


div>


<


button 


type


="submit"


class


="btn btn-default"


>submit


button


>


div>


form


>
四、前台jq校驗指令碼編寫

五、後台校驗** controller層@responsebody


將map轉為json字串


response.getwriter().write(json);


}mybatis


<


select 


id="finduserbyusername"


resulttype


="string"


>


select t_user.`user_name`


from t_user


where t_user.`user_name`=#;


select


>


dao介面


//


查詢使用者名稱是否存在用於註冊非同步校驗


string finduserbyusername(@param("username") string username);


六：效果


使用AJAX完成使用者名稱是否存在非同步校驗
使用 ajax完成使用者名稱是否存在非同步校驗 事件觸發 onblur 編寫ajax 項 action 中提交 傳遞username 引數編寫action 接收 username 模型驅動接收 編寫實體類 user user.hbm.xml 配置到 spring中.編寫dao 繼承 hibernat...


ajax實現校驗使用者名稱是否存在
json方式 前端 jquery function else sysadmin deptaction i ist type post data datatype json 如果不寫datatype，data的資料就是字串。設定了後底層會parse一下變成原先的格式 success function ...


ajax設定async校驗使用者名稱是否存在的實現方法
新增乙個使用者的時候，需要判斷這個手機號碼是否存在，最開始的想法很簡單在textbox上設定乙個onmouseout事件，在ie下有很好的體現，但在谷歌上卻不是很有好 ok，換個思路，在提交表單的時候來檢驗 檢驗手機號碼是否存在 function checkrepeat var mobile mob...