SSH+Jquery+Ajax框架整合的示例分析

這篇文章將為大家詳細(xì)講解有關(guān)SSH+Jquery+Ajax框架整合的示例分析，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)主要從事網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)寧城,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):18982081108

想要的效果：

登錄頁(yè)面點(diǎn)擊提交后進(jìn)行后臺(tái)的驗(yàn)證；

驗(yàn)證成功跳轉(zhuǎn)到index.Jsp;

驗(yàn)證失敗則在本登錄頁(yè)面執(zhí)行一個(gè)jQuery腳本提示用戶(hù)；

需要的包：

SSH2使用到的包外，還需要struts2的以下包：

commons-beanutils-1.8.0.jar
commons-collections-3.1.jar
commons-fileupload-1.3.1.jar
commons-io-2.2.jar
commons-lang-2.4.jar
commons-lang3-3.1.jar
commons-logging-1.1.3.jar
ezmorph-1.0.6.jar
freemarker-2.3.19.jar
json-lib-2.3-jdk15.jar
ognl-3.0.6.jar
struts2-core-2.3.16.3.jar
struts2-json-plugin-2.3.16.3.jar
xwork-core-2.3.16.3.jar

好了，開(kāi)始貼代碼：

login.jsp

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>會(huì)員登陸</title>
<!-- 必須添加jQuery 否則ajax將不啟用。-->
<script type="text/javascript"src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
$("#button").click (function(){
varuser =$("#User").val();
varpassWord =$("#PassWord").val();
   $.ajax({ 
        //這里的需要Struts.xml的<action/>的name屬性一致。
       url:‘login.action‘,
       //提交類(lèi)型
       type:‘POST‘, 
       //提交數(shù)據(jù)給Action傳入數(shù)據(jù) 
       data:{‘User‘:user,‘PassWord‘:passWord}, 
       //返回的數(shù)據(jù)類(lèi)型
       dataType:‘json‘, 
       //成功是調(diào)用的方法
       success:function(data){ 
       //獲取Action返回的數(shù)據(jù)用  data.Action中的屬性名 獲取
          if(data.result=="false")
          {
           alert("賬號(hào)密碼錯(cuò)誤");
          }elseif(data.result=="true"){
           //進(jìn)行頁(yè)面跳轉(zhuǎn)，因?yàn)閍jax我們的Action只返回?cái)?shù)據(jù)，不在進(jìn)行跳轉(zhuǎn)了...
          location.href = "index.jsp";
          }
          }  
     });
  });
  });
</script>
 </head>
 <body>

賬號(hào)：<input id="User" name="User"type="text" /><br/>

密碼：<input id="PassWord" name="PassWord"type="password" /><br/>

 <input id="button" type="button"value="提交" />
 </body>
</html>

LoginAction.java

publicclass LoginAction extends ActionSupport {
  //使用@Resource注解注入條件屬性名與 ref要一致才可
  @Resource
  FUserService fUserServiceImp;
  @Resource
  FUser fUser;
  private String User;
  private String PassWord;
  private String result;
  public String getResult() {
    returnresult;
  }
  publicvoid setUser (String User) {
    this.User = User;
  }
  publicvoid setPassWord(String PassWord) {
    this.PassWord = PassWord;
  }
  public String execute() throws Exception {
    HttpServletRequest request = ServletActionContext.getRequest();
    //獲取ajax傳過(guò)來(lái)的數(shù)據(jù)直接使用前臺(tái)的屬性名即可獲取。
    fUser.setUserEmail(User);
    fUser.setUserPassWord(PassWord);
    if(fUserServiceImp.CheckUser(fUser)!=null){
      //返回給ajax的數(shù)據(jù)
      this.result = "true";
    }else{
      this.result = "false";
    }
    return"success";
  }
}

Struts.xml

<?xml version="1.0"encoding="UTF-8"?>
<struts>
  <!—這是我們配置SSH時(shí)配置Struts的package -->
  <package name="Struts" extends="struts-default">
    <action name="login"class="loginAction">
    </action>
  </package>
  <!—為了讓ajax可以調(diào)用Spring中的Action 配置ajax的package -->
  <package name="ajax_json" extends="json-default">
  <!—本處的id就是ajax url的值，class引用了Spring 配置Action的id-->
    <action name="login" class="loginAction">
      <result name="success" type="json"/>
    </action>     
  </package>
</struts>

其他SSH2框架整合的不需要改動(dòng)這樣就可以將jQuery框架的ajax整合入SSH2框架使用了！

關(guān)于“SSH+Jquery+Ajax框架整合的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

名稱(chēng)欄目：SSH+Jquery+Ajax框架整合的示例分析
網(wǎng)頁(yè)URL：http://aaarwkj.com/article2/psohic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、網(wǎng)站制作、用戶(hù)體驗(yàn)、定制開(kāi)發(fā)、微信公眾號(hào)、域名注冊(cè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

SSH+Jquery+Ajax框架整合的示例分析