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

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

看action的代码：

1. package com.test.action;
   
2. 
   
3. import org.springframework.web.struts.ActionSupport;
   
4. 
   
5. import com.test.pojo.Person;
   
6. import com.test.service.PersonService;
   
7. 
   
8. public class PersonAction extends ActionSupport {
   
9. 
   
10. private PersonService personService;
    
11. 
    
12. private Person person;
    
13. 
    
14. public Person getPerson() {
    
15. return person;
    
16. }
    
17. 
    
18. public void setPerson(Person person) {
    
19. this.person = person;
    
20. }
    
21. 
    
22. public PersonService getPersonService() {
    
23. return personService;
    
24. }
    
25. 
    
26. public void setPersonService(PersonService personService) {
    
27. this.personService = personService;
    
28. }
    
29. 
    
30. /*提交到的方法*/
    
31. public String select() {
    
32. System.out.println(person.getName());
    
33. System.out.println(person.getPwd());
    
34. personService.save(new Person());
    
35. return "success";
    
36. }
    
37. 
    
38. }

复制代码

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

下面看jsp 页面 的代码：

1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
   
2. <%
   
3. String path = request.getContextPath();
   
4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
   
5. %>
   
6. 
   
7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
   
8. <html>
   
9. <head>
   
10. <base href="<%=basePath%>">
    
11. 
    
12. <title>My JSP 'index.jsp' starting page</title>
    
13. <meta http-equiv="pragma" content="no-cache">
    
14. <meta http-equiv="cache-control" content="no-cache">
    
15. <meta http-equiv="expires" content="0">
    
16. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    
17. <meta http-equiv="description" content="This is my page">
    
18. <!--
    
19. <link rel="stylesheet" type="text/css" href="styles.css">
    
20. -->
    
21. 
    
22. <SCRIPT type="text/javascript" src="js/jquery.min.js"></script>
    
23. 
    
24. </head>
    
25. 
    
26. <body>
    
27. <form action="/project/personAction.action" method="post">
    
28. 姓名： <input type="text" name="person.name" id="name">
    
29. 密码：： <input type="text" name="person.pwd" id="pwd">
    
30. 
    
31. <input type="submit" value="submit"/>
    
32. </form>
    
33. 
    
34. 
    
35. <script type="text/javascript">
    
36. $(function(){
    
37. $.ajax({
    
38. type: "POST",
    
39. url: "/project/personAction.action",
    
40. data: "person.name=123&person.pwd=444",
    
41. success: function(msg){
    
42. alert("成功");
    
43. }
    
44. });
    
45. });
    
46. 
    
47. </script>
    
48. </body>
    
49. </html>

复制代码

下面看控制台的输出：

1. 123
   
2. 444
   
3. save

复制代码

然后页面会打印：  

1. 成功

复制代码

  在 页面加载的时候，我们通过 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/