Ajax提交表单数据与后端接收参数方式探究

第一种

表单数据用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()可以有多个。