SpringMVC接收页面表单参数

最新推荐文章于 2024-05-20 10:00:00 发布
最新推荐文章于 2024-05-20 10:00:00 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： spring 文章标签： springmvc 表单 json 

转：http://www.cnblogs.com/luxh/archive/2013/03/14/2960152.html
表单的代码如下：

[java] view plaincopy

    <%@ 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">  
        //添加用户  
        function addUser() {  
            var form = document.forms[0];  
            form.action = "${pageContext.request.contextPath}/user/addUser1";  
            //form.action = "${pageContext.request.contextPath}/user/addUser2";  
            //form.action = "${pageContext.request.contextPath}/user/addUser3";  
            form.method = "post";  
            form.submit();  
        }  
    </script>  
      
    </head>  
    <body>  
        <form>  
            <table>  
                <tr>  
                    <td>账号</td>  
                    <td>  
                        <input type="text" name="userName">  
                    </td>  
                </tr>  
                <tr>  
                    <td>密码</td>  
                    <td>  
                        <input type="password" name="password">  
                    </td>  
                </tr>  
                <tr>  
                    <td> </td>  
                    <td>  
                        <input type="button" value="提交" οnclick="addUser()">  
                    </td>  
                </tr>  
            </table>  
        </form>  
    </body>  
    </html>  


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

[java] view plaincopy

    @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接收

[java] view plaincopy

    @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
[java] view plaincopy

    public class User {  
          
        private String userName;  
          
        private String password;  
      
        public String getUserName() {  
            return userName;  
        }  
      
        public void setUserName(String userName) {  
            this.userName = userName;  
        }  
      
        public String getPassword() {  
            return password;  
        }  
      
        public void setPassword(String password) {  
            this.password = password;  
        }  
    }  


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

[java] view plaincopy

    @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数据接收

[java] view plaincopy

    <%@ 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数据

[java] view plaincopy

    @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数据结构数据。
[java] view plaincopy

    <%@ 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数据：
[java] view plaincopy

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

Rookie__Li
关注
专栏目录
SpringMVC接收Form表单参数
你随风飘扬的笑
03-31 4931
Form表单直接提交（Content-Type: application/x-www-form-urlencoded） 1.可以用参数直接接收 <form action="http://localhost:8081/us" method="post"> 用户名：<input type="text" name="username" /><br> 密码：<...
SpringMVC获取表单页面参数的几种方式
m0_50744075的博客
08-13 1289
SpringMVC获取表单页面参数的几种方式
使用springmvc接收表单数据
xiaoblank的博客
01-27 661
首先应该创建一个JavaBean package pojo; public class Product { private int id; private String name; private float price; public int getId() { return id; } public void setId(int id) { this.id = id; ...
java spring MVC 来接收表单数据
最新发布
mili_java的博客
05-20 556
spring MVC 来接收表单数据
SpringMVC---表单接收数据
zhiguo98的博客
11-28 582
因为之前有Servlet的基础，所以学习SpringMVC很快，因为知道大致的流程，最根本的思路是不变的！ 当前端发送给后端参数时，SpringMVC的处理方式有以下几种： HttpServletRequest HttpServletResponse HttpSession 请求携带的参数 用于承载数据的Model 所以在利用表单接收数据的方式也有三种，这个和原先的servlet不一...
详解SpringMVC——接收请求参数和页面传参
09-01
在Spring MVC框架中，接收请求参数和向页面传递数据是两个关键操作，它们构成了Web应用中数据交互的基础。本文将详细解析如何在Spring MVC中实现这些功能。 首先，我们来看如何**接收请求参数**： 1. **使用...
springmvc 第二个例子（接收表单参数+重定向）
05-08
在这个“springmvc 第二个例子”中，我们将探讨如何通过Spring MVC接收表单参数并执行重定向。 首先，让我们理解接收表单参数的过程。在Web应用中，用户通常通过HTML表单提交数据。Spring MVC提供了一个强大的机制...
Springmvc 获取前端表单参数的4种方式
我爱吃红薯的博客
08-28 1440
1，前端 HTML页面 <h2>springmvc获取前端参数的4种方式</h2> <form method="post" action="/test4"> <div> 姓名：<input name="name" type="text" /><br> 年龄：<input name="age" t...
SpringMVC中使用bean来接收form表单提交的参数时的注意点
08-30
本篇文章主要介绍了SpringMVC中使用bean来接收form表单提交的参数时的注意点，具有很好的参考价值。下面跟着小编一起来看下吧
Springmvc简单的修改删除表格
12-03
Springmvc基本配置 springmvc简单的模拟ucid 数据存取
Spring MVC系列教材 （四）- 接受表单数据
java_zdc的博客
04-19 287
更多内容，点击了解：https://how2j.cn/k/springmvc/springmvc-form/618.html 浏览器提交数据是非常常见的场景，本例演示用户提交产品名称和价格到Spring MVC Spring MVC如何接受数据步骤1:先运行，看到效果，再学习 步骤2:模仿和排错 步骤3:效果 步骤4:pojo 步骤5:addProduct.jsp 步骤6:P...
SpringMVCjava获取页面参数的几种方式
qq_38405090的博客
09-15 1651
1.使用和servlet一样的方法取值，利用HttpServletRequest的对象取值。 2.让处理方法的参数和页面传的参数参数名保持一致。 3.给处理方法的参数加上@RequestParam（“”）注解，注解名字要和页面传的参数参数名保持一致。 4.封装对象传参，页面的参数名要和封装bean中的属性名保持一致 。 5.可以使用url路径形式传参，要求是url不在后边跟...
SpringMVC接收表单参数
游王子的博客
08-28 1125
一、接收表单参数方式 设计表单 <form action="add.do" method="post"> 书名：<input type="text" name="bname"> 作者：<input type="text" name="bauthor"> 价格：<input type="number" name="bprice"> ...
435、Java框架89 -【SpringMVC - 接受表单数据】 2020.12.10
youyouwuxin1234的博客
12-10 146
目录 0、接受表单数据 1、效果 2、pojo 3、addProduct.jsp 4、ProductController 5、showProduct.jsp 6、测试 7、参考链接 0、接受表单数据 浏览器提交数据是非常常见的场景，本例演示用户提交产品名称和价格到Spring MVC Spring MVC如何接受数据 1、效果 这是通过页面增加产品名称和价格后，Spring MVC接受到参数，并显示出来 2、pojo 实体类Product package po..
SSM - Springboot - MyBatis-Plus 全栈体系（十九）
柠檬小帽的博客 - 计算机全栈体系
10-05 139
SpringMVC 接收数据（一）
SpringMVC数据接收（全面/详细注释）
m0_61160520的博客
04-08 1475
param 参数接收 路径参数接收 json 参数接收 接收 Cookie 数据 接收请求头数据
SpringMVC请求处理与参数限定
- **HTTP请求数据的绑定**：SpringMVC可以自动将请求参数绑定到方法的参数上，支持表单数据、JSON、XML等多种数据格式。 - **数据模型控制**：通过模型对象和`Model`或`ModelAndView`接口，可以在控制器和视图之间...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值