记录一次正确发送ajax和后台接收请求的姿态

一品_人生

已于 2022-08-11 20:09:47 修改

阅读量362

点赞数

分类专栏： java 文章标签： ajax javascript servlet

于 2022-08-11 20:08:00 首次发布

本文链接：https://blog.csdn.net/qq_34382260/article/details/126292093

版权

java 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一、POST请求

js部分(jquery发送)

    $.ajax({
		type: 'post',
		url: 'xxxurl',
		async: false,
		data: JSON.stringify(data),
		headers: {
			'Content-Type': 'application/json'
		},
		dataType: "json",
		success: function(res) {
		},
		error: function(res) {
		}
	});

注意：

1. 'Content-Type': 'application/json'

2. data: JSON.stringify(data) // 参数表单需要进行JSON字符串化

java部分

@RestController
@BaseResponse
@CrossOrigin
public class AppController {

    @RequestMapping(value = "/xxxurl", method = RequestMethod.POST)
    public ResultData demo(@RequestBody Map<String, String> params){
        return ResultData.success(params);
    }
}

注意：

1. @RestController不做解释

2. @BaseResponse 是一个统一响应注解，感兴趣可以自行搜索

3. @CrossOrigin不做解释

4. method = RequestMethod.POST 可以不写，后台会自动适配

5. @RequestBody ajax提交post时，用Map接收，参数名可随意起。

二、GET请求

js部分(jquery发送)

    $.ajax({
		type: 'get',
		url: 'xxxurl',
		async: false,
		data: data,
		headers: {
			'Content-Type': 'application/json',
		},
		dataType: "json",
		success: function(res) {
		},
		error: function(res) {
		}
	});

注意：

data: {name: 'xxx'}

java部分

@RestController
@CrossOrigin
@BaseResponse
public class XxxController {
    
    @RequestMapping(value = "/xxxurl")
    public ResultData demo(String name) {
            return ResultData.success(name);
    }
}