js axios get 参数放body ajax get body

转载

漫步云端的猪 2023-12-01 11:51:23

文章标签 ajax javascript html JSON json 文章分类 iOS 移动开发

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

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

2、在POST请求，可以使用@RequestBody和@RequestParam，但是如果使用@RequestBody，对于参数转化的配置必须统一。可以使用多个@RequestParam获取数据，@RequestBody不可以只能一个。

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

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

$.ajax({
	url: "",
	type: "POST",
	dataType: "JSON",
	data: {"id": 1},
	async: false,
	success: function(){
	
	}
});

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

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

$.ajax({
	url: "",
	type: "POST",
	dataType: "JSON",
	contentType: "application/json",
	data: "{'id': "+ 1 + "}",
	async: false,
	success: function(){
	
	}
});

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

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

举例子：

$.ajax({
	url: "",
	type: "POST",
	dataType: "JSON",
	contentType: "application/json;charset=UTF-8",
	data: JSON.stringify({
		id:"1"
	}),
	async: false,
	success: function(){
	
	}
});

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

JSON.stringify 是从一个对象中解析出字符串
JSON.parse是从一个字符串中解析出json(键值对)
使用：contentType:‘application/json;charset=UTF-8’, 配合：data:JSON.stringify()

@RequestParam 介绍

主要用来接收GET请求拼接在URL后的参数，或者是POST传递，且Content-type为x-www-form-urlencoded方式。
因为不管是GET方式还是用x-www-form-urlencoded方式传递，参数都是以键值对方式拼接的，然后经过URLencoded编码，传递给服务端。
@RequestParam 只能接收简单参数类型，复杂的参数类型要用 @RequestBody 来接收，或者不加注解来接收。

@RequestBody 介绍

使用 @RequestBody 该注解，前端请求只能为 POST，因为该注解是从请求体中获得对象的。且请求头中的Content-type一般为application/json 方式。所以使用该注解能够接收 JSON 格式的数据，并且能把接收到的 JSON 数据绑定到 JAVA 对象中。复杂对象包括List，实体类，Map对象等。
在用该注解的时候有两个注意事项：