Jquery+Ajax+struts表单提交,数据封装
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Jquery+Ajax+Struts2关于表单提交时数据的
封装
Index.jsp页面
<%@page language="java"
import="java.util.*"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath(); String basePath =
request.getScheme()+"://"+request.getS erverName()+":"+request.getServerPort( )+path+"/";
%>
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>登录</title>
<meta http-equiv="pragma"
content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires"
content="0">
<meta http-equiv="keywords"
content="keyword1,keyword2,keyword3"> <meta http-equiv="description"
content="This is my page">
<script type="text/javascript"
src="js/jquery-1.6.2.js"></script> <script type="text/javascript"
src="js/index.js"></script>
</head>
<body>
<form id="login"action="login">
<table>
<tr>
<td>用户名：</td>
<td><input name="ername" type="text"/></td>
</tr>
<tr>
<td>密码：</td>
<td><input name="user.password" type="text"/></td>
</tr>
<tr>
<td><input type="button"
id="submit"value="提交"/></td>
</tr>
</table>
</form>
<div id="showArea"></div>
</body>
</html>
注：红色部分为引用的外部js文件
Index.jsp文件
$(document).ready(function(){
$("#submit").click(function(){ var
params=$("input").serialize();//params
是将表单里的input元素序列化，需要注意的是input的name属性必须在action文件被定义，而且要有getter\setter方法
$.ajax({
type:"POST", //提交方式
url:"login", //action的名称
data:params, //传递参数
success:function(response){ //回调函数，response是将整个页面的元素返回
$("#showArea").html(response);
}
});
});
});
UserAction.java文件
package com.action;
import er;
import com.opensymphony.xwork2.ActionSupport;
public class UserAction extends ActionSupport{ //定义user实体
private User user;
//action指定的方法
public String login(){
//代码省略……
return SUCCESS;
}
//封装的getter/setter方法
public User getUser() {
return user;
}
public void setUser(User user) { er = user;
}
}
User.java实体类
public class User {
private String username;
private String password;
public String getUsername() {
return username;
}
public void setUsername(String username) {
ername = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
}
Struts配置文件
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "/dtds/struts-2.1.dtd">
<struts>
<package name="user" extends="struts-default" namespace="/">
<action name="login" class="erAction" method="login">
<result name="success">user.jsp</result>
<result name="input">index.jsp</result> </action>
</package>
</struts>
User.jsp省略。