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

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

看action的代码:
  1. package com.test.action;

  2. import org.springframework.web.struts.ActionSupport;

  3. import com.test.pojo.Person;
  4. import com.test.service.PersonService;

  5. public class PersonAction extends ActionSupport {

  6. private PersonService personService;

  7. private Person person;

  8. public Person getPerson() {
  9. return person;
  10. }

  11. public void setPerson(Person person) {
  12. this.person = person;
  13. }

  14. public PersonService getPersonService() {
  15. return personService;
  16. }

  17. public void setPersonService(PersonService personService) {
  18. this.personService = personService;
  19. }

  20. /*提交到的方法*/
  21. public String select() {
  22. System.out.println(person.getName());
  23. System.out.println(person.getPwd());
  24. personService.save(new Person());
  25. return "success";
  26. }

  27. }
复制代码

我们从页面的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. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  7. <html>
  8. <head>
  9. <base href="<%=basePath%>">

  10. <title>My JSP 'index.jsp' starting page</title>
  11. <meta http-equiv="pragma" content="no-cache">
  12. <meta http-equiv="cache-control" content="no-cache">
  13. <meta http-equiv="expires" content="0">
  14. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  15. <meta http-equiv="description" content="This is my page">
  16. <!--
  17. <link rel="stylesheet" type="text/css" href="styles.css">
  18. -->

  19. <SCRIPT type="text/javascript" src="js/jquery.min.js"></script>

  20. </head>

  21. <body>
  22. <form action="/project/personAction.action" method="post">
  23. 姓名: <input type="text" name="person.name" id="name">
  24. 密码:: <input type="text" name="person.pwd" id="pwd">

  25. <input type="submit" value="submit"/>
  26. </form>


  27. <script type="text/javascript">
  28. $(function(){
  29. $.ajax({
  30. type: "POST",
  31. url: "/project/personAction.action",
  32. data: "person.name=123&person.pwd=444",
  33. success: function(msg){
  34. alert("成功");
  35. }
  36. });
  37. });

  38. </script>
  39. </body>
  40. </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/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值