2020 $.ajax里关于get、post的@RequestBody和@RequestParam使用注意

男娘i 2022-12-25 05:54 116阅读 0赞

## $.ajax里关于get、post的@RequestBody和@RequestParam使用注意 ##

**1、在GET请求中，不能使用@RequestBody。因为往GET请求里加body是不符合规范的**，不保证所有的实现都支持，所以在ajax里注意请求方式如果用get后端参数不能用@RequestBody来接收它。（所以本人在ajax,或者什么表单，一般爱好用post,既安全，又能解决中文乱码问题）

2、**在POST请求**，可以**使用@RequestBody和@RequestParam**，但是如果使用@RequestBody，对于参数转化的配置必须统一。

**可以使用多个@RequestParam获取数据，@RequestBody不可以只能一个。**

**注意：前端使用$.ajax**的话，**可以**指定 `contentType: "application/json;charset=utf-8;"`，不指定则**默认**为 `application/x-www-form-urlencoded`。

**ajax请求默认** contentType=application/x-www-form-urlencoded;charset:utf-8，此格式为表单提交格式，数据为key1=value1&key2=value2格式；

不使用contentType:‘application/json;charset=UTF-8’,则**data里可以是json对象的属性**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70]

如：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70 1]

注意：上图data右边花括号外边是没有双引号或引号的 “” ‘’,所以data叫做 json对象，而不是叫json字符串，里面是其属性。（所以上面是不使用contentType:'application/json;charset=UTF-8’的例子）

后端则用@requestparam一个个接收

![在这里插入图片描述][20201130195642330.png]

下面是使用contentType:'application/json;charset=UTF-8’的例子：就得使用json字符串而非json对象了

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70 2]

data右边括号外有引号的叫json字符串

## 前端发送复杂JSON数据，后端使用@RequestBody接收 ##

登录通过绑定按钮点击用ajax来异步发送数据给后端

**举例子：**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70 3]

上图使用了contentType:‘application/json;charset=UTF-8’,子属性构成了customer的封装形成红线的customer暂时还叫做json对象，

所以要对customer json对象用JSON.stringfy方法使其转为json字符串来使用。

后端用@RequestBody来接收传过来的json字符串

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70 4]

特意：

①.JSON.stringify是从一个对象中解析出字符串

②.JSON.parse是从一个字符串中解析出json(键值对)

一句话使用：

contentType:'application/json;charset=UTF-8',

就得使用

data:JSON.stringify()

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70]: /images/20221120/fca82b45782d404f98381aaa8f9c5871.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70 1]: /images/20221120/8e2e79f66bd34f59b2f0c036e126cc2a.png
[20201130195642330.png]: /images/20221120/9d5ff9c2302f46caa0024ec33a745a46.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70 2]: /images/20221120/ccaacab638b8460496e4ca08ac9fcfde.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70 3]: /images/20221120/aa9f5f721e5444d39640e52422168d74.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDEyNDU3Nw_size_16_color_FFFFFF_t_70 4]: /images/20221120/8b099853b271495faa357e9a0c7ca9ae.png