RequestBody、PathVariable、RequestParam传参区别、及前后端写法

@RequestBody

后端代码写法

1 2	@PostMapping("/save") public R save(@RequestBody Object obj) {}

前端代码写法

1 2 3 4 5 6 7 8 9 10 11 12

var settings = { "url": "http://localhost/save", "method": "POST", "timeout": 0, "headers": { "Content-Type": "application/json" }, "data": "{\r\n\t\"deviceName\": \"1\",\r\n \"deviceCode\": \"2\"\r\n}", }; $.ajax(settings).done(function (response) { console.log(response); });

@PathVariable

后端代码写法

1 2	@GetMapping("/{id}") public R info(@PathVariable("id") String id) {}

前端代码写法

1 2 3 4 5 6 7 8 9 10 11

var settings = { "url": "http://localhost/"+id, "method": "GET", "timeout": 0, "headers": { "Content-Type": "application/json" }, }; $.ajax(settings).done(function (response) { console.log(response); });

@RequestParam

后端代码写法

1 2	@PostMapping("/page") public Page page(@RequestParam Map<String, Object> params) {}

前端代码写法

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

var form = new FormData(); form.append("device_name", "huawei"); var settings = { "url": "http://localhost/page", "method": "POST", "timeout": 0, "headers": { "Content-Type": "application/json" }, "processData": false, "mimeType": "multipart/form-data", "contentType": false, "data": form }; $.ajax(settings).done(function (response) { console.log(response); });