針對(duì)初學(xué)者，學(xué)習(xí)Ajax驗(yàn)證用戶的唯一性實(shí)戰(zhàn)是為了鞏固Ajax,Jquery,Json與Struts2基礎(chǔ)知識(shí)，具體內(nèi)容如下
瀏覽效果圖：
那我們就開(kāi)始了，操作步驟如下
1.首先我們先導(dǎo)入所需要的包及文件
Json 包：
struts2 包：
引入jquery-2.1.1.min.js文件。
script type="text/javascript" src="js/jquery-2.1.1.min.js">/script>
2.然后，我們需要在web.xml 文件中，配置Struts2過(guò)濾器
filter>
filter-name>struts2/filter-name>
filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter/filter-class>
/filter>
filter-mapping>
filter-name>struts2/filter-name>
url-pattern>/*/url-pattern>
/filter-mapping>
3.然后，開(kāi)始編寫我們的login.jsp頁(yè)面，當(dāng)然大家可以對(duì)他加一些CSS樣式，使其更加美觀。（我只簡(jiǎn)單做了一下，有點(diǎn)Low）
div class="row">
h1>Ajax+Jquery驗(yàn)證用戶的唯一性/h1>
form action="" method="post">
h3>名字：/h3>
input type="text" id="name" class="form-control" name="user.name" id="name" placeholder="請(qǐng)輸入你的用戶名">
br>br>
input type="submit" class="btn btn-success" value="驗(yàn)證用戶的唯一性"/>nbsp;nbsp;nbsp;nbsp;
span id="namemsg">/span>
/form>
/div>
4.然后，我們開(kāi)始寫Action了。
//驗(yàn)證用戶的唯一性
public void isexist() throws IOException {
boolean exist = name.equals("張三") ;
JSONObject result=new JSONObject();
if(exist){
result.put("exist", true);
}else{
result.put("exist", false);
}
ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");
PrintWriter out=ServletActionContext.getResponse().getWriter();
out.println(result.toString());
out.flush();
out.close();
}
5.最后，編寫Struts.xml文件
package name="user" namespace="/" extends="struts-default">
action name="user_*" class="com.ddge.action.UserAction" method="{1}">
result name="error">/login.jsp/result>
/action>
/package>
總結(jié)
開(kāi)始部署，測(cè)試！效果是不是就出來(lái)了。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。
您可能感興趣的文章:- Ajax 用戶名驗(yàn)證是否存在
- AJAX 用戶唯一性驗(yàn)證實(shí)現(xiàn)代碼
- asp.net結(jié)合Ajax驗(yàn)證用戶名是否存在的代碼
- Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶注冊(cè)檢測(cè)（驗(yàn)證用戶名是否存）
- jQuery.ajax 用戶登錄驗(yàn)證代碼
- 基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶名是否存在的實(shí)現(xiàn)代碼
- Ajax實(shí)時(shí)驗(yàn)證用戶名/郵箱等是否已經(jīng)存在的代碼打包
- PHP+Ajax異步通訊實(shí)現(xiàn)用戶名郵箱驗(yàn)證是否已注冊(cè)( 2種方法實(shí)現(xiàn))
- jsp+ajax實(shí)現(xiàn)無(wú)刷新(鼠標(biāo)離開(kāi)文本框即驗(yàn)證用戶名)實(shí)現(xiàn)思路
- Ajax實(shí)現(xiàn)異步刷新驗(yàn)證用戶名是否已存在的具體方法
