189 8069 5689

Struts2和Ajax怎么实现数据交互

Struts2和Ajax怎么实现数据交互?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、成都做网站、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的平阳网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

1.使用stream类型的result

此种类型可以直接让Struts2中的action向客户端浏览器生成文本响应。

示例:

jsp页面:

<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


 ajax提交登录信息
 <%--导入js插件--%>
 


异步登录

     
 $("#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配置:




 
 
 
 
  
  
  text/html
  
  inputStream
  
 
 

在浏览器中浏览该页面,并输入相关信息,然后提交,可以看到后台action直接将消息数据返回给页面,而同时页面也不需要进行刷新,而是直接在局部进行显示,这是利用了ajax的异步发送请求。注意,此种方式需要在struts.xml文件中要配置类型为stream的流,并设置inputName属性,并在action中提供InputStream对应的get方法。

运行截图:

Struts2和Ajax怎么实现数据交互

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" %>


 ajax提交登录信息
 <%--导入js插件--%>
 


异步登录

     
 $("#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中配置:




 
 
 
  
   
    true
    text/html
   
  
 

在浏览器中浏览该页面,并输入相关信息,然后提交,可以看到后台action直接将消息数据返回给页面,而同时页面也不需要进行刷新,而是直接在局部进行显示,这是利用了ajax的异步发送请求。注意,此种方式需要在struts.xml文件中要配置package继承json-default,且配置result类型为json,并在action中提供需要传递数据的对应的get方法。当然了前提是添加了struts2-json-plugin-2.3.16.3.jar,不然struts2是不会自动将数据转为json格式的数据的。

效果截图:

Struts2和Ajax怎么实现数据交互

故我们可以总结一下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允许指定的常用参数:

Struts2和Ajax怎么实现数据交互

另外,除了以上两种是struts2支持的ajax外,其实如果单纯的只是可以让服务器端可以跟客户端浏览器进行数据交互,可以使用response.getWrite()这种方式。

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

选择哪种方式?

对于我,如果只是对增删改功能是否成功的一个flag判断的数据,则可优先选择response.getWriter().print("xxx")与设置result类型为stream的方式,但是如果是需要返回大量对象数据,在页面接收然后进行数据展示,例如页面通过ajax请求,需要后台action返回一个list集合,则就要选择配置result类型为json的方式了。

看完上述内容,你们掌握Struts2和Ajax怎么实现数据交互的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前文章:Struts2和Ajax怎么实现数据交互
链接URL:http://cdxtjz.com/article/gshjej.html

其他资讯