近期學(xué)習(xí)了SSH2（Struts2+Spring+Hibernate）的整合后，開始嘗試的寫一個登陸界面，結(jié)果發(fā)現(xiàn)：若是單單使用struts2來進行頁面跳轉(zhuǎn)的話頁面的效果不怎么樣，同時也無法進行局部刷新（即異步提交驗證）。

創(chuàng)新互聯(lián)建站從2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站建設(shè)、做網(wǎng)站網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元樂亭做網(wǎng)站,已為上家服務(wù),為樂亭各地企業(yè)和個人服務(wù),聯(lián)系電話:13518219792

于是，我開始在網(wǎng)上搜索解決的辦法，有些說通過一個隱藏的iframe來達到效果，當(dāng)我總覺得麻煩和不實用。后來問了下老師，告訴了我使用ajax可以達到想要的效果，我又發(fā)現(xiàn)網(wǎng)上有很多例子都是ajax的，但缺少的就是SSH2(整合好的)和ajax 的整合（ajax使用了jQuery框架）。

說說我想要的效果：

1. 登錄頁面點擊提交后 進行后臺的驗證；

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

3. 驗證失敗則在本登錄頁面執(zhí)行一個jQuery腳本提示用戶；

需要的包：

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

好了，開始貼代碼：

login.jsp

$(document).ready(function(){ 
$("#button").click (function(){
varuser =$("#User").val();
varpassWord =$("#PassWord").val();
     $.ajax({ 
               //這里的需要Struts.xml的的name屬性一致。
             url:'login.action',
             //提交類型
             type:'POST', 
             //提交數(shù)據(jù)給Action傳入數(shù)據(jù) 
             data:{'User':user,'PassWord':passWord}, 
             //返回的數(shù)據(jù)類型
             dataType:'json', 
             //成功是調(diào)用的方法
             success:function(data){ 
             //獲取Action返回的數(shù)據(jù)用   data.Action中的屬性名  獲取
                   if(data.result=="false")
                   {
                      alert("賬號密碼錯誤");
                   }elseif(data.result=="true"){
                     //進行頁面跳轉(zhuǎn)，因為ajax我們的Action只返回數(shù)據(jù)，不在進行跳轉(zhuǎn)了...
                   location.href = "index.jsp";
                   }
                   }   
         });
    });
    });

  
  
  賬號：

  密碼：

  
  

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傳過來的數(shù)據(jù)直接使用前臺的屬性名即可獲取。
       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

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

以上內(nèi)容個人言論，如果有什么地方不對，請大家留意…我會努力改正！

好了，祝大家幸福愉快！