SpringMVC接收页面表单参数

1、直接把表单的参数写在Controller相应的方法的形参中

@RequestMapping("/addUser1")
 public String addUser1(String userName,String password) {
  System.out.println("userName is:"+userName);
  System.out.println("password is:"+password);
  return "/user/success";
 }

2、通过HttpServletRequest接收

@RequestMapping("/addUser2")
 public String addUser2(HttpServletRequest request) {
  String userName = request.getParameter("userName");
  String password = request.getParameter("password");
  System.out.println("userName is:"+userName);
  System.out.println("password is:"+password);
  return "/user/success";
 }

3、通过一个bean来接收

1)建立一个和表单中参数对应的bean

public class User { private String userName; private String password; public String getUserName() { return userName; }
  //getter,setter方法。。. }

2)用这个bean来封装接收的参数

  @RequestMapping("/addUser3")
 public String addUser3(User user) {
  System.out.println("userName is:"+user.getUserName());
  System.out.println("password is:"+user.getPassword());
  return "/user/success";
 }

4、通过json数据接收

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Add User</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/resource/script/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#button_submit").click(function(){
   var name = $("#userName").val();
   var pass = $("#password").val();
   var user = {userName:name,password:pass};//拼装成json格式
   $.ajax({
    type:"POST",
    url:"${pageContext.request.contextPath}/user/addUser4",
    data:user,
    success:function(data){
     alert("成功");
    },
    error:function(e) {
     alert("出错:"+e);
    }
   });
  });
 });
</script>
</head>
<body>
 <form>
  <table>
   <tr>
    <td>账号</td>
    <td>
     <input type="text" id="userName" name="userName">
    </td>
   </tr>
   <tr>
    <td>密码</td>
    <td>
     <input type="password" id="password" name="password">
    </td>
   </tr>
   <tr>
    <td> </td>
    <td>
     <input type="button" id="button_submit" value="提交">
    </td>
   </tr>
  </table>
 </form>
</body>
</html>

依然可以使用bean来接收json数据

@RequestMapping("/addUser4")
 public String addUser4(User user) {
  System.out.println("userName is:"+user.getUserName());
  System.out.println("password is:"+user.getPassword());
  return "/user/success";
 }

5、使用jQuery的serializeArray() 方法序列化表单元素

如果表单元素很多,手工拼装成json数据非常麻烦,可以使用jQuery提供的serializeArray()方法序列化表单元素,返回json数据结构数据。 

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Add User</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/resource/script/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#button_submit").click(function(){
   //序列化表单元素,返回json数据
   var params = $("#userForm").serializeArray();
   //也可以把表单之外的元素按照name value的格式存进来
   //params.push({name:"hello",value:"man"});
   $.ajax({
    type:"POST",
    url:"${pageContext.request.contextPath}/user/addUser5",
    data:params,
    success:function(data){
     alert("成功");
    },
    error:function(e) {
     alert("出错:"+e);
    }
   });
  });
 });
</script>
</head>
<body>
 <form id="userForm">
  <table>
   <tr>
    <td>账号</td>
    <td>
     <input type="text" id="userName" name="userName">
    </td>
   </tr>
   <tr>
    <td>密码</td>
    <td>
     <input type="password" id="password" name="password">
    </td>
   </tr>
   <tr>
    <td> </td>
    <td>
     <input type="button" id="button_submit" value="提交">
    </td>
   </tr>
  </table>
 </form>
</body>
</html>

依然可以使用bean来接收json数据:

@RequestMapping("/addUser5")
 public String addUser5(User user) {
  System.out.println("userName is:"+user.getUserName());
  System.out.println("password is:"+user.getPassword());
  return "/user/success";
 }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持我们!

(0)

相关推荐

  • SpringMvc接收参数方法总结(必看篇)

    接收参数的方式: 1.HttpServletRequest方式接收 public ModelAndView test1(HttpServletRequest req){ String userName = req.getParameter("userName"); String password = req.getParameter("password"); System.out.println(userName); System.out.println(passw

  • 详解SpringMVC——接收请求参数和页面传参

    spring接收请求参数: 1,使用HttpServletRequest获取 @RequestMapping("/login.do") public String login(HttpServletRequest request){ String name = request.getParameter("name") String pass = request.getParameter("pass") } 2,Spring会自动将表单参数注入到方

  • 学习SpringMVC——如何获取请求参数详解

    @RequestParam,你一定见过:@PathVariable,你肯定也知道:@QueryParam,你怎么会不晓得?!还有你熟悉的他(@CookieValue)!她(@ModelAndView)!它(@ModelAttribute)!没错,仅注解这块,spring mvc就为你打开了五彩斑斓的世界.来来来,不要兴(mi)奋(hu),坐下来,我们好好聊聊这么些个注解兄弟们~~~(wait, 都没有听过? 好,来,你坐前排,就你!)  一.spring mvc如何匹配请求路径--"请求路径哪家

  • Spring3 MVC请求参数获取的几种方法小结

    Spring3 MVC请求参数获取的几种方法 一.通过@PathVariabl获取路径中的参数 @RequestMapping(value="user/{id}/{name}",method=RequestMethod.GET) public String printMessage1(@PathVariable String id,@PathVariable String name, ModelMap model) { System.out.println(id); System.ou

  • SpringMVC接收页面表单参数

    1.直接把表单的参数写在Controller相应的方法的形参中 @RequestMapping("/addUser1") public String addUser1(String userName,String password) { System.out.println("userName is:"+userName); System.out.println("password is:"+password); return "/us

  • 正则表达式进行页面表单验证功能

    一般做到注册页面的时候,当用户填完信息,都需要对他们的信息进行验证,这就要用到正则表达式,具体看下面这个例子. 效果图:(当用户填写的信息不符合规范时显示错误提示) 我只提供了html结构和js,样式你们按照自己的设计稿自己写,我是分别给正确的时候和错误的时候加了不同的class,用了不同的高度,正确是高度小,可以把提示的红字隐藏. html结构: <div id="wrap"> <h1>注册</h1> <div> <input t

  • asp.net实现取消页面表单内文本输入框Enter响应的方法

    本文实例讲述了asp.net实现取消页面表单内文本输入框Enter响应的方法.分享给大家供大家参考,具体如下: 很早以前开发asp.net项目的时候遇到的:在一个服务器TextBox控件上按下 Enter键,页面回发刷新一遍.后来google一下,发现这是asp.net2.0为表单处理专门设置的"Enter key"功能,关于asp.net ajax表单的enter key,你可以查看这一篇<ASP.NET基于Ajax的Enter键提交问题>.前面给出链接的两篇都是叫我们怎

  • JavaScript 完成注册页面表单校验的实例

    1.步骤分析 第一步:确定事件(onsubmit)并为其绑定一个函数 第二步:书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>) 第三步:对用户输入的数据进行判断 第四步:数据合法(让表单提交) 第五步:数据非法(给出错误提示信息,不让表单提交) 问题:如何控制表单提交? 关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个 返回值. onsubmit = return checkForm() 2.完成注册页面表单校验 <!DOC

  • 解决SpringMVC接收不到ajaxPOST参数的问题

    问题 今天遇到一个问题,代码如下 java: @PostMapping(value = "/method") @ResponseBody public Object method(Integer id,String audit_content) { return null; } js: var data = {id:7,audit_content:"11111111111111111111a1"}; $.ajax({ type: "POST",

  • django之从html页面表单获取输入的数据实例

    本文主要讲解如何获取用户在html页面中输入的信息. 1.首先写一个自定义的html网页 login.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <form method="post"

  • SpringMVC 接收前端传递的参数四种方式小结

    目录 SpringMVC 接收前端传递的参数四种方式 @RequestParam 获取注解 @PathVariable获取注解 SpringMVC,可以不设置任何注解即可接收参数 SpringMVC,也可以自动包装成对象 @RequestBody 用来接收数组或者复杂对象 SpringMVC的自动封装(不传参也能进入) SpringMVC接收不到前端传递的参数原因 代码清单 SpringMVC 接收前端传递的参数四种方式 @RequestParam注解 @PathVariable注解 Sprin

  • js正则表达式注册页面表单验证

    正则表达式方式的验证方式,这个验证比较标准而且比较全面,不过也是通过点击提交按钮才进行验证,本实例可以这样验证,具体内容如下 也可以这样验证 具体代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>表单验证类Validator v1</title> <style&g

  • JSP刷新页面表单重复提交问题解决办法分享

    使用sessionID和时间戳作为标识,关键代码如下: 复制代码 代码如下: public class SswpdjAction extends BaseAction{     public String execute(){     /**业务代码**/     ................     //设置标识     this.setSessionToken();     //转到添加页面     return "toAdd";     }     public String

  • jQuery Form 页面表单提交的小例子

    复制代码 代码如下: <script type="text/javascript" src="${ctx}/js/jquery.form.js"></script>  <script type="text/javascript">      //创建测试实例      function createInstance() {          var options = {              succes

随机推荐