struts2 ajax post提交例子详解|struts2学习与交流|j2ee学习网

最新推荐文章于 2024-03-23 07:35:54 发布

全栈独立开发者

最新推荐文章于 2024-03-23 07:35:54 发布

阅读量555

点赞数

文章标签： struts ajax action jquery stylesheet string

struts2 ajax例子，今天我们使用struts2 和 jquery的ajax 做一个例子，方便大家学习。。

看action的代码：

package com.test.action;
import org.springframework.web.struts.ActionSupport;
import com.test.pojo.Person;
import com.test.service.PersonService;
public class PersonAction extends ActionSupport {
private PersonService personService;
private Person person;
public Person getPerson() {
return person;
}
public void setPerson(Person person) {
this.person = person;
}
public PersonService getPersonService() {
return personService;
}
public void setPersonService(PersonService personService) {
this.personService = personService;
}
/*提交到的方法*/
public String select() {
System.out.println(person.getName());
System.out.println(person.getPwd());
personService.save(new Person());
return "success";
}
}

复制代码

我们从页面的ajax 方法里面赋值，然后在action 打印 person.name 和Person.pwd 的值。。

下面看jsp 页面的代码：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<SCRIPT type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<form action="/project/personAction.action" method="post">
姓名： <input type="text" name="person.name" id="name">
密码：： <input type="text" name="person.pwd" id="pwd">
<input type="submit" value="submit"/>
</form>
<script type="text/javascript">
$(function(){
$.ajax({
type: "POST",
url: "/project/personAction.action",
data: "person.name=123&person.pwd=444",
success: function(msg){
alert("成功");
}
});
});
</script>
</body>
</html>

复制代码

下面看控制台的输出：

123
444
save

复制代码

然后页面会打印：

成功

复制代码

在页面加载的时候，我们通过 type: "POST" 提交， url 地址:"/project/personAction.action ,data 是我们传递到action的参数的值，我这边设置的person.name=123&person.pwd=444 ，然后到action ，如果成功了，会执行 success里面的方法。

十分的简单。当然还有get 等提交，我们会逐一讲解。

本站提供 jquery api 下载，方便大家查看学习，，

下载地址： jquery API下载

转自: http://www.csdnjava.com/