第一种

表单数据用JQ的serialize()序列化为“k1=v1&k2=v2...”键值对形式，以post请求的方式发送到后台。
而此时默认的contentType: "application/x-www-form-urlencoded"： <form encType="">中默认的encType，form表单数据被编码为key/value格式发送到服务器（表单默认的提交数据的格式）

后端直接以封装好的对象来接收参数

也可以使用@RequestParam来接收参数，同时适用于get和post，只要Content-Type为application/x-www-form-urlencoded
而此时不能使用@RequestBody

第二种

前端传Json字符串，后端用@RequestBody接收参数

先把表单数据转为Json对象
再使用JSON.stringify()把对象转为Json字符串
此时contentType要改为'application/json;charset=UTF-8'

将表单数据转为Json对象的serializeObject()需要自定义，源码如下：

//form序列化为json对象
$.fn.serializeObject = function()
{var o = {};var a = this.serializeArray();$.each(a, function() {if (o[this.name] !== undefined) {if (!o[this.name].push) {o[this.name] = [o[this.name]];}o[this.name].push(this.value || '');} else {o[this.name] = this.value || '';}});return o;
};

下图为Json对象与Json字符串格式数据打印

后台接收用@RequestBody注解，@RequestBody主要用来接收前端传递给后端的json字符串中的数据的(请求体中的数据的)；GET方式无请求体，所以使用@RequestBody接收数据时，前端不能使用GET方式提交数据，而是用POST方式进行提交。

在后端的同一个接收方法里，@RequestBody与@RequestParam()可以同时使用，@RequestBody最多只能有一个，而@RequestParam()可以有多个。

Ajax传值与后端接收参数方式探究相关推荐

ajax传值到ashx接收反序列
//jsonData 格式// [{"PersonID":1,"Name":"Bryon Hetrick","Registered ...
java前端传值，后端接收值为null
后端接收的userIp结果为null 是因为没有加 @RequestBody注解解决了点个赞呗
java contenttype_POST不同提交方式对应的Content-Type,及java服务器接收参数方式
简介: Content-Type(MediaType),即是Internet Media Type,互联网媒体类型:也叫做MIME类型,在Http协议消息头中,使用Content-Type来表示具体请 ...
前端向后端传递参数方式 - 表单序列化
给form表单设置id,input设置name,当点击提交,触发submitFrom()方法 <form id="itemAddForm" class="itemF ...
jquery ajax传值和后台取参数
1 前台代码 var param = {"timestap":timestap};$(document).ready(function(){execute.disabled = t ...
java接收参数_javaWeb收传参数方式总结
1.GET和POST请求,在传参方面有什么区别 GET传输的数据存储在URL上进行拼接 POST传输的数据存储在Requst Body(请求体)中 2.http请求中的Content-Type htt ...
Ajax传值简述方法(前后端传值)
Ajax传值的过程提示:我是个小白,写博客只是为了保存自己总结的东西,若有错误请指正,共同学习!!感谢!!! 文章目录前言一.使用前提 1. 必须要先在前端引入jQuery. 2.Ajax要写在 ...
前端传一个String类型参数，后端接收的三种方法
前端传参时,参数放在路径上http://localhost:8080/test?name=justin,后端接收参数加注解@RequestParam String name 特点:借助@Request ...
ajax post提交多个参数后台controller @RequestParam方式接收
注意: 返回数据类型用dataType: 'text',如果是 dataType: 'json',success获取不到 ####1.ajax post提交多个参数后台controller @Requ ...

Ajax传值与后端接收参数方式探究

第一种

第二种

Ajax传值与后端接收参数方式探究相关推荐

最新文章

热门文章