通过表单序列化传递参数就是将表单数据转化成字符串传递到后台，序列化之后参数请求变成这种模式param1＝value1&&param2=value2，下面用代码实现。

1、创建表单

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

<%

    String root = request.getContextPath();

    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

            + root + "/";

%>

<script type="text/javascript"

    src="<%=basePath%>jslib/jquery-1.8.3.min.js"></script>

<script type="text/javascript" src="<%=basePath%>jslib/jquery.form.js"></script>

<script type="text/javascript" src="<%=basePath%>js/param.js"></script>

<link href="<%=basePath%>css/param.css" type="text/css" rel="stylesheet">

<title>Insert title here</title>

</head>

<body>

    <div class="param">

        <div class="simple public">

        <!--表单序列化传递参数 -->

        <div class="public formSerial">

            <p style="text-align: center;">表单序列化传递参数</p>

            <form id="formSerialForm">

                <table id="formSerialTable">

                    <tr>

                        <td>id：</td>

                        <td><input type="text" name="id" value=""></td>

                    </tr>

                    <tr>

                        <td>名称：</td>

                        <td><input type="text" name="name" value=""></td>

                    </tr>

                    <tr>

                        <td></td>

                        <td style="text-align: right;"><input type="button"

                            value="提交" id="setFormSerialParam"></td>

                    </tr>

                </table>

            </form>

        </div>

    </div>

</body>

</html>

页面效果图如下：

2、绑定提交请求事件

$(function() {

    /* 表单序列化方式传递数据 */

    $("#setFormSerialParam").click(function() {

        $.ajax({

            url : "./formSerial",

            type : "POST",

            /* 将form数据序列化之后传给后台，数据将以id=**&&name=** 的方式传递 */

            data : $("#formSerialForm").serialize(),

            success : function(data) {

                console.info(data.stringList);

            }

        });

    });

});

上面红色加粗的部分就是表单的序列化。

3、创建控制器接受参数

@Controller

@RequestMapping("/param")

public class ParamController {

    /**

     * 获取表单序列化数据 参数名称和表单中的name保持一致

     *

     * @param idList

     * @return

     */

    @RequestMapping(value = "formSerial")

    public ModelAndView getParamByFormSerial(String id, String name) {

        ModelAndView mv = new ModelAndView();

        String[] paramArray = { id, name };

        mv.addObject(paramArray);

        mv.setView(new MappingJackson2JsonView());

        return mv;

    }

}

红色加粗部分为接受参数的方式，其实这种方式跟第一种简单参数的接受方式是一样的，只不过提交表单数据的方式不一样罢了。上面的控制器中直接将获取的参数渲染到JSON视图中。

4、测试

在页面输入如下参数：

点击提交查看请求URL，可以看到参数传递成功

查看响应结果：

可以看到返回了一个字符串列表，列表数据就是前端输入的值，说明控制器获取成功。

5、总结

至此，Spring MVC中参数传递和接受的所有方法都已经总结完毕，需要注意以下几点：

  • pojo类型、JSON类型和对象数组类型的参数传递，都要保证前端的参数名和对应POJO中的属性名一致；
  • 简单类型和序列表单方式传递时，也要保证前后端的参数名称一致；
  • 通过JSON和列表方式传递时，前端需要指定数据类型为application/json，并且数据要转化成字符串传递；
  • 注解方式比较灵活，不要求前后端命名规则一样；

实际开发过程中，需要根据情况选择合适的接受方式。

Spring MVC(十)--通过表单序列化传递参数的更多相关文章

  1. 关于Spring MVC中的表单标签库的使用

    普通的MVC设计模式中M代表模型层,V代表视图层,C代表控制器,SpringMVC是一个典型的MVC设置模式的框架,对于视图和控制器的优化很多,其中就有与控制器相结合的JSP的表单标签库. 我们先简单 ...

  2. spring mvc:练习：表单验证(javaConfig配置和注解)

    使用Spring表单标签, 表单验证使用 JSR303 的验证注解,hibernate-validators,提供了使用MessageSource和访问静态资源(如CSS,JavaScript,图片) ...

  3. Spring MVC实现防止表单重复提交(转)

    Spring MVC拦截器+注解方式实现防止表单重复提交  

  4. Spring mvc之提交表单

    表单内容: <body> <form action="user/login"> <table> <tr> <td>用户名 ...

  5. Spring MVC 数据绑定和表单标签库

    数据绑定是将用户输入绑定到领域模型的一种特性.作用是将 POJO 对象的属性值与表单组件的内容绑定. 数据绑定的好处: 1. 类型总是为 String 的 HTTP 请求参数,可用于填充不同类型的对象 ...

  6. spring mvc数据绑定与表单标签库

    Book类为 package org.shaoxiu; public class Book { private String id; private String name; public Book( ...

  7. Spring MVC中 提交表单报错400

    背景: 在写SpringMVC表单提交的代码的时,在最后点击提交的时候总是会出现400的错误 原因: 主要原因就是表单提交的数据和对应实体类的属性无法完全匹配 解决方案: 查看我们提交的数据是否完全和 ...

  8. spring mvc redirect 重定向 跳转并传递参数

    在项目中做form表单功能提交时,防止用户客户端后退或者刷新时重复提交问题,需要在服务端进行重定向跳转,具体跳转方式有以下几种方式: 公用代码: @RequestMapping(value=" ...

  9. spring学习 十四 注解AOP 通知传递参数

    我们在对切点进行增强时,不建议对切点进行任何修改,因此不加以使用@PointCut注解打在切点上,尽量只在Advice上打注解(Before,After等),如果要在通知中接受切点的参数,可以使用Jo ...

随机推荐

  1. WebApi 如何 优雅的 对 输入输出 解密加密

    原文:WebApi 如何 优雅的 对 输入输出 解密加密 这不是变态的想法, 这只是对现实需求的转化. 因为有密文, 所以本文不适用于浏览器到服务端的数据交换; 只适用于服务端到服务端的数据传输. 用 ...

  2. MongoDB + Spark结合使用方案

    MongoDB上海的活动已经结束快1个月了,我们再来回顾一下TJ在大会上进行的精彩分享吧~ MongoDB + Spark: 完整的大数据计算解决方案. Spark介绍 按照官方的定义,Spark 是 ...

  3. Linux 实用指令（10）-RPM和YUM

    目录 RPM 和 YUM 1 rpm 包的管理 1.1 介绍 1.2 rpm包的简单查询指令 1.3 rpm包名基本格式 1.4 rpm包的其他查询指令: 1.5 卸载rpm 包 1.6 安装rpm包 ...

  4. Swaks伪造邮件

    一.搭建邮件服务器 首先需要自己搭建邮件服务器采用的是EwoMail搭建参考链接: http://doc.ewomail.com/docs/ewomail/install 二.邮件伪造发送 swaks ...

  5. 使用Echarts的步骤

    Echarts官网地址:https://echarts.baidu.com/index.html 步骤如下: 1.获取Echarts (1)可以在Echarts官网去下载,选择需要的版本下载,根据开发 ...

  6. CSIC_716_20191105【数字、字符串、列表】

    python数据类型及其内置方法 一.整型:主要用于数学运算 其他进制----->转十进制 """ 其他进制转换为十进制 通过int('x进制数',x)实现 &qu ...

  7. [JZOJ3302] 【集训队互测2013】供电网络

    题目 题目大意 给你一个有向图,每个点开始有一定的水量(可能为负数),可以通过边流到其它点. 每条边的流量是有上下界的. 每个点的水量可以增加或减少(从外界补充或泄出到外界),但是需要费用,和增加(减 ...

  8. 使用ajax怎么请求跨域资源

    1.ajax中添加“xhrFields”和“crossDomain”,如: $.ajax({ url: url, data: data, type: "post", xhrFiel ...

  9. VS2010-MFC（字体和文本输出：文本输出）

    转自:http://www.jizhuomi.com/software/241.html 上一节讲了CFont字体类,本节主要讲解文本输出的方法和实例. 文本输出过程 在文本输出到设备以前,我们需要确 ...

  10. python 集合（set)

    1.集合的创建 集合是一个无序不重复元素的集.基本功能包括关系测试和消除重复元素. 创建集合:大括号或 set() 函数可以用来创建集合.注意:想要创建空集合,你必须使用 set() 而不是 {},后 ...