1,GetMapping
@GetMapping("update/{userName}/{userAge}")
int updateUser(@PathVariable("userName") String userName, @PathVariable("userAge") int userAge) {
return userMapper.updateUser(userName, userAge);
}
此时 jQuery的代码为
var url = 'http://localhost:8080/user/update/小王/10';
$.ajax({
url: url, async: false, data: {}, success: function (result) {
console.log(result);
},
type: 'get',
contentType: 'application/x-www-form-urlencoded'
// contentType: 'application/json'
});
注意,此时不管contentType如何都能调用成功,但是如果不是设置为application/x-www-form-urlencoded的,请求的网络面板中会有2次请求记录,如下图所示
2, @PostMapping("update")
@PostMapping("update")
int test(@RequestBody JSONObject data) {
return userMapper.updateUser("userName", 12);
}
JSONObject为 alibaba的fastjson依赖
此时jQuery代码为
var url = 'http://localhost:8080/user/update';
$.ajax({
url: url, async: false, data: JSON.stringify({userName: '小王', userAge: 18}), success: function (result) {
console.log(result);
},
type: 'post',
// contentType: 'application/x-www-form-urlencoded'
contentType: 'application/json'
});
注意此时contentType为json类型,参数data是String形式的,type为post,以对应接口中的@RequestBody和@PostMapping
此时在chrome的网络面板中也是2次请求记录
3,@PostMapping("update")
@PostMapping("update")
int test(@RequestParam(value = "userName", required = true) String userName, @RequestParam(value = "userAge", required = true) int userAge) {
return userMapper.updateUser(userName, userAge);
}
此时jQuery的代码为:
var url = 'http://localhost:8080/user/update';
$.ajax({
url: url, async: false, data: {userName: '小王', userAge: 18}, success: function (result) {
console.log(result);
},
type: 'post',
contentType: 'application/x-www-form-urlencoded'
// contentType: 'application/json'
});
注意contentType为form,并且参数data中是对象形式。
此时请求记录为一次