您的位置：首页 > 编程语言 > Java开发

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

2011-11-27 19:37 369 查看

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



<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/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航