溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關SSH+Jquery+Ajax框架整合的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
想要的效果：
登錄頁面點擊提交后 進行后臺的驗證；
驗證成功跳轉到index.Jsp;
驗證失敗則在本登錄頁面執行一個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>會員登陸</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‘,
//提交數據給Action傳入數據
data:{‘User‘:user,‘PassWord‘:passWord},
//返回的數據類型
dataType:‘json‘,
//成功是調用的方法
success:function(data){
//獲取Action返回的數據用 data.Action中的屬性名 獲取
if(data.result=="false")
{
alert("賬號密碼錯誤");
}elseif(data.result=="true"){
//進行頁面跳轉，因為ajax我們的Action只返回數據，不在進行跳轉了...
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傳過來的數據直接使用前臺的屬性名即可獲取。
fUser.setUserEmail(User);
fUser.setUserPassWord(PassWord);
if(fUserServiceImp.CheckUser(fUser)!=null){
//返回給ajax的數據
this.result = "true";
}else{
this.result = "false";
}
return"success";
}
}Struts.xml
<?xml version="1.0"encoding="UTF-8"?> <struts> <!—這是我們配置SSH時配置Struts的package --> <package name="Struts" extends="struts-default"> <action name="login"class="loginAction"> </action> </package> <!—為了讓ajax可以調用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框架整合的不需要改動這樣就可以將jQuery框架的ajax整合入SSH2框架使用了！
關于“SSH+Jquery+Ajax框架整合的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
