Struts2与Ajax数据交互实战解析

156 浏览量更新于2024-08-31 收藏 84KB PDF 举报

"Struts2和Ajax数据交互的示例详解" 在Web开发中，Struts2是一个流行的Java EE框架，而Ajax则是实现页面无刷新交互的关键技术。本篇文章主要探讨了如何在Struts2框架中实现Ajax与服务器端Action的数据交互，提供了详细的学习和实践指导，对于开发者提升技能具有较高的参考价值。前言部分提到，自从Web2.0的兴起，Ajax技术因其在用户体验上的提升而受到广泛关注。Struts2自版本2.1.7起，已经原生支持Ajax，使得开发者能够更方便地集成JSON处理，尤其是在处理前端与后端的数据交换时。文章中提到了一个常见的需求——使用Ajax请求调用Struts2的Action，以便在不刷新整个页面的情况下进行数据交互。以下是几种常用的方法： 1. 使用`stream`类型的`result` 这种方式允许Action直接向浏览器发送文本响应。在JSP页面中，创建一个表单并添加Ajax事件监听器，例如使用jQuery库。当用户点击提交按钮时，Ajax请求会被触发，将表单数据发送到Action。Action处理完数据后，通过`stream`结果类型返回响应，这通常用于返回JSON或XML数据。以下是一个简单的JSP页面示例： ```jsp <%@taglib prefix="s" uri="/struts-tags"%> <%@page contentType="text/html;charset=UTF-8" language="java"%> <html> <head> <title>ajax提交登录信息</title> <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> <script type="text/javascript"> $("#loginBtn").click(function(){ $.ajax({ url: "${PageContext.request.contextPath}/login.action", type: 'POST', data: $('#loginForm').serialize(), success: function(response) { // 处理返回的响应数据 } }); }); </script> </body> </html> ``` 在这个例子中，点击“提交”按钮会触发Ajax请求，将表单数据发送到 `/login.action`。Action接收到请求后，可以验证用户名和密码，然后通过`stream`结果类型返回响应，如验证结果或错误信息。请注意，实际的Ajax请求代码可能需要根据项目需求进行调整，例如设置错误处理回调、指定请求头、处理JSON响应等。此外，Action类中也需要相应地配置返回`stream`结果的代码，以便正确地输出JSON或XML。 Struts2与Ajax的结合提供了强大的动态网页功能，使得开发者可以构建更加灵活和高效的Web应用。通过理解和实践这些交互方法，开发者可以更好地满足用户对流畅、实时交互体验的期望。

Struts2和和Ajax数据交互示例详解数据交互示例详解

主要给大家介绍了关于Struts2和Ajax数据交互的相关资料，文中通过示例代码介绍的非常详细，对大家的学习

或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。

前言前言

我们从Web 2.0的随波逐流，Ajax的大放异彩说起，Struts2框架自己整合了对Ajax的原生支持（struts 2.1.7+，之前的版本可

以通过插件实现），框架的整合只是使得JSON的创建变得异常简单，并且可以简单的融入到Struts2框架中，当然这只是在我

们需要JSON的时候才会显得流光溢彩。

ajax请求在项目中常常使用,今天就平时掌握的总结一下，关于使用ajax请求到Struts2中的action时，前台页面与后台action之

间的数据传递交互问题。

这里我主要记录下自己所掌握的几种方式。可以根据自己平时项目的需求来进行选择。

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插件--%>

</head>

<body>

<s:form id="loginForm" method="POST">

<s:textfield name="username"/>

<s:textfield name="psw"/>

</s:form>

</body>

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

下载后可阅读完整内容，剩余4页未读，立即下载

weixin_38711110

粉丝: 5
资源: 932

Struts2与Ajax数据交互实战解析

struts2和ajax整合

struts2与Ajax.pdf

Java Struts2与jQuery AJAX交互实现详解

Struts2 Doubleselect 使用详解及示例

struts2的json插件配置详解(附示例strutsJson)

Struts2常用的Ajax标签

Struts2之异步调用机制详解案例struts014

struts+ajax

基于Struts 2 Ajax实现的Login应用

Struts2整合JSON数据返回详解

最新资源