Struts2与jQuery框架的结合使用
生活随笔
收集整理的這篇文章主要介紹了
Struts2与jQuery框架的结合使用
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、首先要導(dǎo)入struts2的8個(gè)包,再導(dǎo)入struts2整合JSON的包,再導(dǎo)入JQ的包
2、配置過(guò)濾器
3、編寫(xiě)ajax.jsp,傳數(shù)據(jù)給后臺(tái)
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%@tagliburi="http://java.sun.com/jsp/jstl/core"prefix="c"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>AJAX在jQuery中的使用</title><metahttp-equiv="pragma"content="no-cache"><metahttp-equiv="cache-control"content="no-cache"><metahttp-equiv="expires"content="0"><scripttype="text/javascript"src="jquery-1.11.1.js"></script>
<scripttype="text/javascript">$(document).ready(function(){//為提交按鈕添加點(diǎn)擊事件$(":submit").click(function(){//獲取用戶輸入的數(shù)據(jù)varname=$(":text[name='user.name']").val();varpassword=$(":password[name='user.password']").val();/*** 參數(shù)一:要去的路徑* 參數(shù)二:要提交的內(nèi)容,以JSON格式提交* 參數(shù)三:處理回傳的數(shù)據(jù)* 參數(shù)四:以哪種格式顯示,默認(rèn)htlm*///get方式提交/* $.get("<c:url value='ajax'/>",{"user.name":name,"user.password":password},function(data){alert(data);},"json" ); */$.post("<c:url value='ajax'/>",{"user.name":name,"user.password":password},function(data){alert(data.success);},"json");});});
</script> </head><body>用戶名:<inputtype="text"name="user.name"/><br>密碼:<inputtype="password"name="user.password"/><br><inputtype="submit"value="提交"/></body>
</html>
4、編寫(xiě)實(shí)體類(lèi) publicclassUser {privateStringname;privateStringpassword; }
5、編寫(xiě)Action類(lèi) packagestar.july.web; importjava.util.HashMap; importjava.util.Map; importstar.july.entity.User; importcom.opensymphony.xwork2.ActionContext; importcom.opensymphony.xwork2.ActionSupport; publicclassAjaxActionextendsActionSupport{Useruser;publicUser getUser() {returnuser;}publicvoidsetUser(User user) {this.user= user;}publicString getInfo()throwsException{//設(shè)計(jì)一個(gè)Map,用于存放返回瀏覽器的數(shù)據(jù)Map<String,Object> data =newHashMap<String,Object>();ActionContext ac = ActionContext.getContext();//接收參數(shù)String name =user.getName();String password =user.getPassword();System.out.println(name+":"+password);//轉(zhuǎn)碼name =newString(name.getBytes("ISO-8859-1"),"utf-8");Mapsession = ac.getSession();//做判斷if(user.getName().equals("小火")&&user.getPassword().equals("123456")){ // if(name.equals("小火")&&password.equals("123456")){ //用這個(gè)方法不可以,name的值為??System.out.println("對(duì)的!");//存放數(shù)據(jù)進(jìn)sessionsession.put("Info", name+user.getPassword());data.put("success",true);}else{System.out.println("錯(cuò)了的!");data.put("success",false);}ac.put("data", data);returnSUCCESS;} }
6、編寫(xiě)struts.xml <?xmlversion="1.0"encoding="UTF-8"?> <!DOCTYPEstrutsPUBLIC"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN""http://struts.apache.org/dtds/struts-2.0.dtd"> <struts> <packagename="default"extends="json-default"namespace="/"><actionname="ajax"class="star.july.web.AjaxAction"method="getInfo"><resulttype="json"><paramname="root">#data</param></result> </action></package> </struts>
《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作,文字、視頻、音頻交互閱讀
4、編寫(xiě)實(shí)體類(lèi) publicclassUser {privateStringname;privateStringpassword; }
5、編寫(xiě)Action類(lèi) packagestar.july.web; importjava.util.HashMap; importjava.util.Map; importstar.july.entity.User; importcom.opensymphony.xwork2.ActionContext; importcom.opensymphony.xwork2.ActionSupport; publicclassAjaxActionextendsActionSupport{Useruser;publicUser getUser() {returnuser;}publicvoidsetUser(User user) {this.user= user;}publicString getInfo()throwsException{//設(shè)計(jì)一個(gè)Map,用于存放返回瀏覽器的數(shù)據(jù)Map<String,Object> data =newHashMap<String,Object>();ActionContext ac = ActionContext.getContext();//接收參數(shù)String name =user.getName();String password =user.getPassword();System.out.println(name+":"+password);//轉(zhuǎn)碼name =newString(name.getBytes("ISO-8859-1"),"utf-8");Mapsession = ac.getSession();//做判斷if(user.getName().equals("小火")&&user.getPassword().equals("123456")){ // if(name.equals("小火")&&password.equals("123456")){ //用這個(gè)方法不可以,name的值為??System.out.println("對(duì)的!");//存放數(shù)據(jù)進(jìn)sessionsession.put("Info", name+user.getPassword());data.put("success",true);}else{System.out.println("錯(cuò)了的!");data.put("success",false);}ac.put("data", data);returnSUCCESS;} }
6、編寫(xiě)struts.xml <?xmlversion="1.0"encoding="UTF-8"?> <!DOCTYPEstrutsPUBLIC"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN""http://struts.apache.org/dtds/struts-2.0.dtd"> <struts> <packagename="default"extends="json-default"namespace="/"><actionname="ajax"class="star.july.web.AjaxAction"method="getInfo"><resulttype="json"><paramname="root">#data</param></result> </action></package> </struts>
《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作,文字、視頻、音頻交互閱讀
總結(jié)
以上是生活随笔為你收集整理的Struts2与jQuery框架的结合使用的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 一个简单的jQuery例子,动态添加表格
- 下一篇: jQeury的日期时分秒生成器插件,使用