Struts2与jQuery框架的结合使用
生活随笔
收集整理的這篇文章主要介紹了
Struts2与jQuery框架的结合使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、首先要導入struts2的8個包,再導入struts2整合JSON的包,再導入JQ的包
2、配置過濾器
3、編寫ajax.jsp,傳數據給后臺
<%@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(){//為提交按鈕添加點擊事件$(":submit").click(function(){//獲取用戶輸入的數據varname=$(":text[name='user.name']").val();varpassword=$(":password[name='user.password']").val();/*** 參數一:要去的路徑* 參數二:要提交的內容,以JSON格式提交* 參數三:處理回傳的數據* 參數四:以哪種格式顯示,默認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、編寫實體類 publicclassUser {privateStringname;privateStringpassword; }
5、編寫Action類 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{//設計一個Map,用于存放返回瀏覽器的數據Map<String,Object> data =newHashMap<String,Object>();ActionContext ac = ActionContext.getContext();//接收參數String name =user.getName();String password =user.getPassword();System.out.println(name+":"+password);//轉碼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")){ //用這個方法不可以,name的值為??System.out.println("對的!");//存放數據進sessionsession.put("Info", name+user.getPassword());data.put("success",true);}else{System.out.println("錯了的!");data.put("success",false);}ac.put("data", data);returnSUCCESS;} }
6、編寫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>
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀
4、編寫實體類 publicclassUser {privateStringname;privateStringpassword; }
5、編寫Action類 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{//設計一個Map,用于存放返回瀏覽器的數據Map<String,Object> data =newHashMap<String,Object>();ActionContext ac = ActionContext.getContext();//接收參數String name =user.getName();String password =user.getPassword();System.out.println(name+":"+password);//轉碼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")){ //用這個方法不可以,name的值為??System.out.println("對的!");//存放數據進sessionsession.put("Info", name+user.getPassword());data.put("success",true);}else{System.out.println("錯了的!");data.put("success",false);}ac.put("data", data);returnSUCCESS;} }
6、編寫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>
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀
總結
以上是生活随笔為你收集整理的Struts2与jQuery框架的结合使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一个简单的jQuery例子,动态添加表格
- 下一篇: jQeury的日期时分秒生成器插件,使用