`

struts2自动封装ajax提交过来的数据

 
阅读更多

情况是这样的:

Action:

public class HomeMemberAction extends ParentAction{

private HomeMember homeMember;

 

//查询方法

public String homeMemberList(){
System.out.println("===" + homeMember.getMemberName());
homeMemberList = this.homeMemberService.getHomeMemberList();
return Action.SUCCESS;
}

 

public HomeMember getHomeMember() {
return homeMember;
}


public void setHomeMember(HomeMember homeMember) {
this.homeMember = homeMember;
}

}

 

配置文件:

<action name="homeMemberList" class="com.issweb.homemember.web.HomeMemberAction" method="homeMemberList">
<result type="json">
<!-- 不序列化Action里为null的字段 -->
<param name="excludeNullProperties">true</param>
<param name="root">homeMemberList</param>
</result>
</action>

 

js:

function loadHomeMemberData(){
//组装参数
var memberName = $("#memberName").val();
var sex = $("#sex").val();
var age = $("#age").val();
var nickName = $("#nickName").val();

//请求后台
$.ajax({
url:"/member/homeMemberList.action",
type:"post",
dataType:"json",
data:{
"homeMember.memberName":memberName,
"homeMember.sex":sex,
"homeMember.age":age,
"homeMember.nickName":nickName
},
beforeSend:function(){
$('#loading').show();//请求之前,展显进度条
},
complete:function(){
$('#loading').hide();//请求之后,隐藏进度条
},
success:createTable
});
}

描述:

ajax提交数据到Action中,如果想让提交的数据自动封装到homeMember 类中,需要在提交的时候,做以下手脚:

data:{
"homeMember.memberName":memberName,
"homeMember.sex":sex,
"homeMember.age":age,
"homeMember.nickName":nickName

},

以Action对象中的属性名字做为前缀。

千万要注意:js中获得参数值方式一定要正确,不然后台获取不到参数,例如:var memberName = $("#memberName").val();

如果写成:var memberName = $("memberName").val(); 前台也不会报错,后台也获取不到值,很不好确定是哪里的原因。

分享到:
评论

相关推荐

    Struts2+Jquery+Ajax

    8. 实例演示:使用Struts2+Jquery+Ajax实现动态加载数据或表单验证 "struts2 jar"文件包含了Struts2框架的核心库,可能包括struts2-core、struts2-convention、struts2-json-plugin等依赖,这些是开发Struts2应用必...

    struts2+ajax+jquery

    此外,Struts2还提供了一个名为`struts2-jquery-plugin`的扩展,它封装了与jQuery的集成,简化了Ajax请求的创建。比如,使用`sj:submit`标签可以直接触发Ajax提交: ```jsp &lt;%@ taglib prefix="sj" uri="/struts/...

    struts2+jquery+ajax文件异步上传

    在这个项目中,jQuery被用来封装Ajax调用,使得文件上传可以在后台进行,无需刷新整个页面。通过使用`$.ajax()`或`$.fileUpload()`方法,我们可以创建一个异步请求,将文件数据发送到服务器。 Ajax(Asynchronous ...

    Struts2下的jQueryAjax请求(Json)

    struts2下通过jquery的ajax从后台传json对象并展示在web页面上的一个小例子,所需的jar包请自己下载否则无法运行,所需的包包括struts的必须包,json的支持包和struts对json的支持包

    Struts2+ajax+json返回list.docx

    在Web开发中,Struts2、Ajax和JSON的结合使用能实现异步数据交互,提高用户体验。本实例展示了如何在Struts2框架下,通过Ajax发送请求获取JSON数据,并将数据返回到JSP页面,以填充下拉列表(`&lt;s:select/&gt;`标签)。 ...

    struts2 jqurey ajax简单实例

    这个方法执行完成后,将结果封装到Map中,Struts2的JSON结果类型会自动将Map转换为JSON字符串。 3. **使用jQuery**:在客户端,使用jQuery的`$.ajax`或`$.get`、`$.post`等函数发起Ajax请求,例如: ```...

    struts2+json+jquery实现ajax数据的存取

    "Struts2+JSON+jQuery实现Ajax数据的存取"就是一个典型的示例,它结合了强大的MVC框架Struts2、轻量级的数据交换格式JSON以及高效的前端库jQuery,以实现网页上的无刷新数据交互。下面将详细介绍这三个技术及其在...

    Struts2+Ajax实现的用户登录

    在"Struts2+Ajax实现的用户登录"场景中,首先,我们需要在Struts2的配置文件(struts.xml)中定义一个Action,这个Action将处理用户的登录请求。Action通常会包含一个方法,比如`execute()`,该方法会在用户提交登录...

    struts2+jquery+json+ajax例子

    Struts2、jQuery、JSON和Ajax是Web开发中常见的技术栈,它们共同为构建动态、...通过Struts2处理业务逻辑和数据验证,jQuery和Ajax负责前后端的通信,JSON作为数据交换的载体,共同构建了一个高效、响应式的Web应用。

    struts2+json+ajax整合例子(导入即可运行,附带详细教程)

    Struts2、JSON和AJAX是Web开发中的关键技术,它们的整合可以实现高效的数据交互和动态页面更新。本文将深入探讨这些技术以及如何在实际项目中整合它们。 **Struts2** 是一个基于MVC(Model-View-Controller)设计...

    ssh2(struts2+spring2.5+hibernate3.3+ajax)带进度条文件上传(封装成标签

    在这个项目中,SSH2框架与Ajax技术结合,实现了一个带进度条的文件上传功能,并且这个功能已经被封装成了自定义标签,方便在页面上直接使用。 首先,让我们深入理解SSH框架的每个组件: 1. **Struts2**:Struts2是...

    struts2+json+ajax+jquery

    Struts2、JSON、Ajax 和 jQuery 是Web开发中的四个关键技术,它们共同构建了现代Web应用程序的数据交互和用户界面交互的核心部分。 Struts2 是一个基于MVC(Model-View-Controller)架构的Java Web框架,它使得...

    Struts2 + jQuery 实现ajax.txt

    ### Struts2 + jQuery 实现Ajax交互的关键技术与实践 #### 概述 在Web开发领域,使用Struts2框架结合jQuery实现Ajax交互是一种常见的做法。这种组合不仅可以提高Web应用程序的响应速度,还能显著提升用户体验。...

    jquery + struts1 + ajax学习例子

    例如,当你在前端使用jQuery监听用户事件,如表单提交,然后通过Ajax发送请求,Struts1的Action接收到请求后处理业务逻辑,最后Ajax回调函数根据服务器返回的数据更新页面。这样的流程避免了页面的完全刷新,提高了...

    Struts2+ajax+json异步上传图片回显

    在这个场景中,“Struts2+ajax+json异步上传图片回显”是指利用Struts2框架,通过Ajax技术实现图片的异步上传,并通过JSON进行数据交互,最终实现在页面上即时回显上传的图片。 首先,让我们理解每个组件的作用: ...

    jQuery+json异步实现JSP和struts2之间的数据传递

    在异步数据传输中,jQuery的`$.ajax()`方法是关键,它可以发送异步HTTP请求,获取或提交数据。通过设置`dataType: 'json'`,我们可以指定数据类型为JSON,使得服务器返回的数据能被自动解析成JavaScript对象。 JSON...

    struts2+easyUI+ajax+json用户登验证

    在这个项目中,当用户在登录表单中输入信息并点击提交按钮时,EasyUI的Ajax功能会被触发,向Struts2的Action发送一个异步请求。Action接收到请求后,将用户名和密码传递给后台验证服务,这个服务可能是基于数据库或...

    Struts 2项目 ajax动态生成树形菜单

    2. **Action类**:创建一个Struts2 Action类,比如`TreeMenuAction`,在这个类中,我们将编写一个方法,如`getMenuList()`,该方法从数据库中查询菜单数据并封装到一个Java对象,比如`List&lt;Menu&gt;`。 3. **AJAX请求*...

    Struts2 Jquery 实现Ajax无刷新验证用户名是否存在

    - 使用jQuery的`$.ajax()`或`$.getJSON()`方法发送异步请求,参数包括URL(指向Struts2 Action)、数据(通常是用户名)、回调函数等。 2. **Struts2 Action配置**: - 创建一个Struts2 Action类,比如`...

    整合jquery+json+struts2异步提交实例

    在这个实例中,“整合jquery+json+struts2异步提交”是一个典型的前端与后端交互的示例,利用了jQuery的Ajax功能和Struts2框架处理JSON数据。下面我们将详细探讨这些技术及其相互配合的工作原理。 **jQuery** 是一...

Global site tag (gtag.js) - Google Analytics