php 與結合struts2,Struts2和Ajax數據交互示例詳解

 2023-10-21 阅读 19 评论 0

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

前言

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

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

這里我主要記錄下自己所掌握的幾種方式。可以根據自己平時項目的需求來進行選擇。

1.使用stream類型的result

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

示例:

jsp頁面:

ajax提交登錄信息

異步登錄

$("#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+"
");

$("#show").show(600);

},"html");//指定服務器響應為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配置:

/p>

"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"

"http://struts.apache.org/dtds/struts-2.3.dtd">

text/html

inputStream

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

運行截圖:

3e8dcfb101f4e1e319e21fe4bf7cca2d.png

2.使用json類型的result

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

示例:

jsp頁面:

ajax提交登錄信息

異步登錄

$("#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+"
");

$("#show").show(600);

},"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中配置:

/p>

"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"

"http://struts.apache.org/dtds/struts-2.3.dtd">

true

text/html

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

效果截圖:

b6d2b851f6d8c9243c211ddf0e88a62c.png

故我們可以總結一下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集合,那么對于數據的格式可以進行如下設置:

      gtmList

\[\d+\]\.name,

\[\d+\]\.uuid

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

action

gtmList\[\d+\]\.name,

gtmList\[\d+\]\.uuid

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

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

c53c6d9dc36dd75e1e300dd63a8a0e65.png

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

PrintWriter printWriter =response.getWriter();

printWriter.print("success");

選擇哪種方式?

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

總結

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

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/4/158057.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息