主頁 > 知識(shí)庫 > SSH+Jquery+Ajax框架整合

SSH+Jquery+Ajax框架整合

熱門標(biāo)簽:科智聯(lián)智能電銷機(jī)器人 外呼系統(tǒng)獲取客戶手機(jī)號 徐州電銷卡外呼系統(tǒng)供應(yīng)商 襄陽外呼系統(tǒng)接口 青海醫(yī)療智能外呼系統(tǒng)怎么樣 百靈鳥 目標(biāo)三維地圖標(biāo)注 上海浦東百度地圖標(biāo)注中心注冊 老虎郵局地圖標(biāo)注點(diǎn)

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

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

說說我想要的效果:

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

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

驗(yàn)證失敗則在本登錄頁面執(zhí)行一個(gè)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

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‘,
       //提交類型
       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("賬號密碼錯(cuò)誤");
          }elseif(data.result=="true"){
           //進(jìn)行頁面跳轉(zhuǎn),因?yàn)閍jax我們的Action只返回?cái)?shù)據(jù),不在進(jìn)行跳轉(zhuǎn)了...
          location.href = "index.jsp";
          }
          }  
     });
  });
  });
/script>
 /head>
 body>

  賬號: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傳過來的數(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框架使用了!

以上內(nèi)容是個(gè)人所想,如有不對的地方歡迎給我留言,我會(huì)在第一時(shí)間和大家取得聯(lián)系,謝謝大家一直以來對腳本之家網(wǎng)站的支持。

您可能感興趣的文章:
  • Windows上SSH服務(wù)器配置圖文教程
  • windows 7架設(shè)OpenSSH服務(wù)器實(shí)踐
  • python通過ssh-powershell監(jiān)控windows的方法
  • Windows系統(tǒng)下安裝Python的SSH模塊教程
  • windows7下安裝php的php-ssh2擴(kuò)展教程
  • ssh遠(yuǎn)程執(zhí)行命令方法和Shell腳本實(shí)例
  • ssh自動(dòng)登錄的4種實(shí)現(xiàn)方法
  • python paramiko實(shí)現(xiàn)ssh遠(yuǎn)程訪問的方法
  • Python實(shí)現(xiàn)建立SSH連接的方法
  • 簡單架設(shè)SSH+Squid代理服務(wù)器的自由上網(wǎng)通道的方法
  • 關(guān)于ssh連不上問題的解決方法(必看)
  • SSH框架網(wǎng)上商城項(xiàng)目第30戰(zhàn)之項(xiàng)目總結(jié)(附源碼下載地址)
  • 關(guān)于SSH 遠(yuǎn)程執(zhí)行命令你要知道的二三事
  • Ubuntu下查看ssh服務(wù)是否安裝或啟動(dòng)的方法
  • ssh連接超時(shí)解決方法
  • PowerShell小技巧之嘗試ssh登錄
  • shell腳本實(shí)現(xiàn)ssh自動(dòng)登錄功能分享
  • linux系統(tǒng)下的ssh登錄和配置方法
  • Linux ssh遠(yuǎn)程連接斷開問題處理辦法解決
  • python使用paramiko模塊實(shí)現(xiàn)ssh遠(yuǎn)程登陸上傳文件并執(zhí)行
  • 無需密碼通過ssh執(zhí)行rsync來同步文件的方法
  • ubuntu16.04下安裝openssh-server報(bào)依賴錯(cuò)誤的完美解決方法(非常不錯(cuò))
  • windows安裝openssh并通過生成SSH密鑰登錄Linux服務(wù)器

標(biāo)簽:商洛 股票 揭陽 咸寧 荊州 佛山 辛集 紅河

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《SSH+Jquery+Ajax框架整合》,本文關(guān)鍵詞  SSH+Jquery+Ajax,框架,整合,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《SSH+Jquery+Ajax框架整合》相關(guān)的同類信息!
  • 本頁收集關(guān)于SSH+Jquery+Ajax框架整合的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章