亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > AJAX > 正文

Struts2和Ajax數據交互示例詳解

2024-09-01 08:31:00
字體:
來源:轉載
供稿:網友

前言

我們從Web 2.0的隨波逐流,Ajax的大放異彩說起,Struts2框架自己整合了對Ajax的原生支持(struts 2.1.7+,之前的版本可以通過插件實現),框架的整合只是使得JSON的創建變得異常簡單,并且可以簡單的融入到Struts2框架中,當然這只是在我們需要JSON的時候才會顯得流光溢彩。

ajax請求在項目中常常使用,今天就平時掌握的總結一下,關于使用ajax請求到Struts2中的action時,前臺頁面與后臺action之間的數據傳遞交互問題。

這里我主要記錄下自己所掌握的幾種方式??梢愿鶕约浩綍r項目的需求來進行選擇。

 1.使用stream類型的result

此種類型可以直接讓Struts2中的action向客戶端瀏覽器生成文本響應。

示例:

jsp頁面:

<%@ taglib prefix="s" uri="/struts-tags" %><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>ajax提交登錄信息</title> <%--導入js插件--%> <script src="${PageContext.request.contextPath}/demo/js/jquery-1.4.4.min.js" type="text/javascript"></script></head><body><h3>異步登錄</h3><s:form id="loginForm" method="POST"> <s:textfield name="username"/> <s:textfield name="psw"/> <input id="loginBtn" type="button" value="提交"></s:form><div id="show" style="display:none;"></div></body><script type="text/javascript"> $("#loginBtn").click(function(){ $("#show").hide(); //發送請求login 以各表單里歌空間作為請求參數 $.get("login",$("#loginForm").serializeArray(),  function(data,statusText){  $("#show").height(80)   .width(240)   .css("border","1px solid black")   .css("border-radius","15px")   .css("backgroud-color","#efef99")   .css("color","#ff0000")   .css("padding","20px")   .empty();  $("#show").append("登錄結果:"+data+"<br/>");  $("#show").show(600); },"html");//指定服務器響應為html });</script></html>

處理邏輯的action:

/** * Description:eleven.action * Author: Eleven * Date: 2018/1/26 18:09 */public class LoginAction extends ActionSupport{ private String username; private String psw; //輸出結果的二進制流 private InputStream inputStream; public String login() throws Exception{ if(username.equals("tom")&& psw.equals("123")){  inputStream = new ByteArrayInputStream("恭喜您,登錄成功".getBytes("UTF-8")); }else{  inputStream = new ByteArrayInputStream("對不起,登錄失敗".getBytes("UTF-8")); } return SUCCESS; } //提供get方法 public InputStream getInputStream() { return inputStream; } public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } public String getPsw() { return psw; } public void setPsw(String psw) { this.psw = psw; }}

action中除了接收頁面傳遞的用戶名、密碼外,還有一個InputStream類型的成員變量,并為它提供了對應的get方法。get方法中返回的二進制流將會直接輸出給客戶端瀏覽器。

struts.xml配置:

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts-2.3.dtd"><struts> <constant name="struts.enable.DynamicMethodInvocation" value="false" /> <constant name="struts.devMode" value="true" /> <package name="default" namespace="/" extends="struts-default"> <action name="login" class="eleven.action.LoginAction" method="login">  <result type="stream">  <!--指定stream流生成響應的數據類型-->  <param name="contentType">text/html</param>  <!--指定action中由哪個方法去輸出InputStream類型的變量-->  <param name="inputName">inputStream</param>  </result> </action> </package></struts>

在瀏覽器中瀏覽該頁面,并輸入相關信息,然后提交,可以看到后臺action直接將消息數據返回給頁面,而同時頁面也不需要進行刷新,而是直接在局部進行顯示,這是利用了ajax的異步發送請求。注意,此種方式需要在struts.xml文件中要配置類型為stream的流,并設置inputName屬性,并在action中提供InputStream對應的get方法。

運行截圖:

2.使用json類型的result

有個jar包struts2-json-plugin-2.3.16.3.jar,可以為Struts2增加JSON插件,即當action中的result的類型設為json時,也可以在客戶端js中異步調用action,并且action中返回的數據,可以直接被JSON插件序列化成json格式的字符串,并將該字符串返回給客戶端瀏覽器。

示例:

jsp頁面:

<%@ taglib prefix="s" uri="/struts-tags" %><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>ajax提交登錄信息</title> <%--導入js插件--%> <script src="${PageContext.request.contextPath}/demo/js/jquery-1.4.4.min.js" type="text/javascript"></script></head><body><h3>異步登錄</h3><s:form id="loginForm" method="POST"> <s:textfield name="username"/> <s:textfield name="psw"/> <input id="loginBtn" type="button" value="提交"></s:form><div id="show" style="display:none;"></div></body><script type="text/javascript"> $("#loginBtn").click(function(){ $("#show").hide(); //發送請求login 以各表單里歌空間作為請求參數 $.get("login",$("#loginForm").serializeArray(),  function(data,statusText){  //此時的data中包含username,psw,age  $("#show").height(80)   .width(300)   .css("border","1px solid black")   .css("border-radius","15px")   .css("backgroud-color","#efef99")   .css("color","#ff0000")   .css("padding","20px")   .empty();    alert(data);  $("#show").append(data+"<br/>");  $("#show").show(600); },"html"); });</script></html>

action代碼:

public class LoginAction extends ActionSupport{ private String username; private String psw; private int age; public String login() throws Exception{  age = 18;  return SUCCESS; } public String getUsername() {  return username; } public void setUsername(String username) {  this.username = username; } public String getPsw() {  return psw; } public void setPsw(String psw) {  this.psw = psw; } public int getAge() {  return age; } public void setAge(int age) {  this.age = age; }}

struts.xml中配置:

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts-2.3.dtd"><struts> <constant name="struts.enable.DynamicMethodInvocation" value="false" /> <constant name="struts.devMode" value="true" /> <package name="default" namespace="/" extends="struts-default,json-default">  <action name="login" class="eleven.action.LoginAction" method="login">   <result type="json">    <param name="noCache">true</param>    <param name="contentType">text/html</param>   </result>  </action> </package></struts>

在瀏覽器中瀏覽該頁面,并輸入相關信息,然后提交,可以看到后臺action直接將消息數據返回給頁面,而同時頁面也不需要進行刷新,而是直接在局部進行顯示,這是利用了ajax的異步發送請求。注意,此種方式需要在struts.xml文件中要配置package繼承json-default,且配置result類型為json,并在action中提供需要傳遞數據的對應的get方法。當然了前提是添加了struts2-json-plugin-2.3.16.3.jar,不然struts2是不會自動將數據轉為json格式的數據的。

效果截圖:

故我們可以總結一下result類型為json的步驟:

  1.導入jar包:struts2-json-plugin-2.3.7.jar  

  2.配置struts返回的結果集視圖 設置type=json

  3.設置對應action所在的package繼承自json-default

  4.將要返回的數據提供get方法

  5.在struts.xml中設置返回數據的格式

對于第5步設置返回數據的格式,可以根據自己項目的需要,去具體設置,這里只是簡單舉例,并沒有拿復雜的數據,如果是返回一個List集合,那么對于數據的格式可以進行如下設置:

<result name="test" type="json">  <!-- 設置數據的來源從某個數據得到 -->   <!-- 過濾數據從gtmList集合中得到,且只獲取集合中對象的name,跟uuid屬性 -->      <param name="root">gtmList</param>  <param name="includeProperties">    /[/d+/]/.name,    /[/d+/]/.uuid  </param> </result>

上面這種方式外,還有下面這種方式

<result name="ajaxGetBySm" type="json">   <!-- 一般使用這種方式 先用來源過濾action默認從整個action中獲取所有的(前提是此action中沒有getAction()方法)    但是為了方便 一般不寫root:action這個    然后再用包含設置進行過濾設置   -->       <param name="root">action</param>   <param name="includeProperties">     gtmList/[/d+/]/.name,     gtmList/[/d+/]/.uuid   </param> </result>

上面兩種方式都是設置數據從gtmList集合中獲取且,只獲取對象的屬性為name與uuid的。這里只做簡單的舉例,具體可自己下去深入研究。

附上json類型的Result允許指定的常用參數:

另外,除了以上兩種是struts2支持的ajax外,其實如果單純的只是可以讓服務器端可以跟客戶端瀏覽器進行數據交互,可以使用response.getWrite()這種方式。

PrintWriter printWriter =response.getWriter();printWriter.print("success");

選擇哪種方式?

對于我,如果只是對增刪改功能是否成功的一個flag判斷的數據,則可優先選擇response.getWriter().print("xxx")與設置result類型為stream的方式,但是如果是需要返回大量對象數據,在頁面接收然后進行數據展示,例如頁面通過ajax請求,需要后臺action返回一個list集合,則就要選擇配置result類型為json的方式了。

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對武林網的支持。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
色av中文字幕一区| 欧美大学生性色视频| 亚洲石原莉奈一区二区在线观看| 国产在线视频不卡| 亚洲最新视频在线| 91在线看www| 亚洲高清久久久久久| 欧美在线观看www| 国产在线精品成人一区二区三区| 成人免费直播live| 亚洲视频日韩精品| 亚洲高清免费观看高清完整版| 一区二区三区国产在线观看| 久久精品免费播放| 国产欧美精品一区二区| 欧美孕妇与黑人孕交| 亚洲精品自在久久| 在线观看亚洲视频| 懂色av中文一区二区三区天美| www欧美xxxx| 久久在线视频在线| 中文字幕亚洲欧美在线| 亚洲一区二区久久| 欧美最近摘花xxxx摘花| 欧美日韩国产在线看| 曰本色欧美视频在线| 91亚洲精品一区| 欧美成人免费在线观看| 精品性高朝久久久久久久| 国内外成人免费激情在线视频| 日韩在线播放av| 九九热精品视频| 久久影视电视剧免费网站| 尤物99国产成人精品视频| 亚洲wwwav| 日本道色综合久久影院| 国产一区香蕉久久| 国产精品一区二区三区久久久| 国产精品久久婷婷六月丁香| 国产日韩欧美在线| 久久久久久久久久国产精品| 亚洲白虎美女被爆操| 亚洲福利在线观看| 亚洲free嫩bbb| 91精品国产免费久久久久久| 国产精品电影一区| 欧美黑人极品猛少妇色xxxxx| 国产精品色视频| 国产精品爱啪在线线免费观看| 亚洲视频在线观看视频| 亚洲精品一区二区在线| 日韩在线观看免费高清完整版| 欧美精品在线观看91| 欧美日产国产成人免费图片| 亚洲国产高潮在线观看| 国产精品高潮呻吟视频| 久久免费视频在线观看| 国产有码在线一区二区视频| 性欧美长视频免费观看不卡| 色噜噜狠狠狠综合曰曰曰88av| 欧美日韩日本国产| 欧美日韩激情视频8区| 91精品国产99久久久久久| 亚洲第一二三四五区| 久久免费视频网| 91亚洲精华国产精华| 久久久久国产一区二区三区| 欧美日韩一区二区三区在线免费观看| 欧美成人激情在线| 国产精品美女免费看| 国产精品一区二区久久久| 91在线免费网站| 日韩av电影在线免费播放| 国产成人精品久久二区二区| 欧美专区在线播放| 富二代精品短视频| 日韩美女视频免费看| 日韩av电影在线免费播放| 国产欧美一区二区三区四区| 欧美激情一区二区三区在线视频观看| 在线看欧美日韩| 伊人久久精品视频| 久久人人爽人人爽爽久久| 最近2019中文字幕一页二页| 91精品久久久久久综合乱菊| 欧美黄色免费网站| 久久精品国产一区二区电影| 国产精品久久久久9999| 伊人一区二区三区久久精品| 欧美激情videos| 欧美www视频在线观看| 国产精品久久久久久网站| 中文字幕日韩在线视频| 亚洲精品999| 国产精品日韩在线一区| 国产一区二区三区在线视频| 欧美日韩国产在线| 91成人天堂久久成人| 亚洲乱码国产乱码精品精天堂| 国产午夜精品一区二区三区| 亚洲精品午夜精品| 中文字幕亚洲欧美日韩2019| 欧美理论电影网| 国产亚洲福利一区| 亚洲国产欧美一区二区丝袜黑人| 欧美伊久线香蕉线新在线| 国产免费观看久久黄| 欧美日韩国产精品一区二区三区四区| 国产亚洲精品久久久久动| 久久夜色精品国产| 日韩不卡在线观看| 亚洲电影免费观看高清完整版在线观看| 日韩精品极品在线观看| 日韩av观看网址| 日韩经典中文字幕在线观看| 91久久精品美女高潮| 成人在线免费观看视视频| 亚洲黄一区二区| 91麻豆桃色免费看| 精品久久久久久中文字幕| 久久久伊人日本| 国产综合在线看| 国产视频精品免费播放| 午夜精品久久久久久久男人的天堂| 欧美激情奇米色| 国产视频久久久久久久| 亚洲电影成人av99爱色| 粉嫩老牛aⅴ一区二区三区| 亚洲精品电影网站| 亚洲精品久久久久国产| 91高清在线免费观看| 亚洲精品国产电影| 欧美xxxwww| 国产精品久久激情| 欧美激情一区二区三区成人| 精品国偷自产在线| 久久的精品视频| 国产视频精品免费播放| 26uuu久久噜噜噜噜| 亚洲在线免费视频| 欧美午夜激情在线| 中文字幕日本欧美| 久久久久久亚洲精品中文字幕| 亚洲午夜精品久久久久久久久久久久| 亚洲欧美日本伦理| 日韩电影网在线| 久久青草精品视频免费观看| 欧美亚洲一区在线| 国产精品久久久久久av福利| 亚洲激情视频在线观看| 日韩av电影手机在线| 国产亚洲精品久久| 97视频色精品| 亚洲黄色www网站| 欧美成人精品在线观看| 中文字幕久热精品在线视频| 欧美极品少妇全裸体| 欧美日本精品在线| 亚洲午夜精品久久久久久性色| 久久成人精品一区二区三区| 日韩有码在线视频| 国产精品永久免费观看| 亚洲永久免费观看| 亚洲人成电影网站|