jQuery请求Springboot接口时，可能遇到的多种接口类型

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中是对象形式。

此时请求记录为一次