Informationen zur Verwendung verschiedener Parametertypen von @RequestParam, @PathVariable und @RequestBody in der Axios-Request-Java-Schnittstelle

1. Das Front-End übergibt das JSON-Objekt und das Back-End gibt an, welcher Parameter im JSON-Objekt empfangen werden soll.
(1) Front-End-Anfrage

axios({
    
    
    //请求方式
    method:'post',
    //后端接口路径
    url:'http://127.0.0.1:8080/api/deleteUserById',
    //注意这里使用的是params,该属性负责把属性名和属性值添加到url后面，一般和get配合使用，但也能    和post配合使用
    params: {
    
    
        id: id
    }
}).then((response) => {
    
    
    if(response){
    
    
          $.messager.alert("信息提示","删除成功!");
    }else{
    
    
          $.messager.alert("信息提示","删除失败!");
    }
}).catch((error) => {
    
    
    console.error('请求失败', error);
})

(2) Back-End-Schnittstelle (Parameterzugriffsmethode)

   //根据ID删除用户 请使用
    @RequestMapping(value = "/api/deleteUserById")
    @ResponseBody
    public boolean deleteUserById(@RequestParam(value="id",required = true) Integer id) {
    
    

        int rowsDeleted = userMapper.deleteUserById((long)id);
        if (rowsDeleted > 0) {
    
    
            return true;
        } else {
    
    
            return false;
        }
    }

2. Axios verwendet die Restful-Standard-Get-Anfrage und das Backend verwendet @PathVariable, um Parameter zu empfangen. Der Backend-
Schnittstellenpfad + Attributwert; Hinweis! ! ! Nach dem Pfad steht ein Backslash /. Achten Sie darauf, ihn nicht wegzulassen, da sonst der Wert Teil des Pfads wird und der Anforderungspfad zu /sys/test wird, gefolgt vom Wert von value, was zu 404 (1) Front führt -end-Anfrage
:

//方法名为test,传入数据value
function test(value) {
    
    
  axios({
    
    
    //请求方式
    method:'get',
    url:'/sys/test/'+value,
  }).then((response) => {
    
    
    //response是一个返回的promise对象，该注释所在的这行一般对该promise对象进行处理从而获取数据
  }).catch((error) => {
    
    
    //对error进行处理
  })
}

(2)Java-Backend

//使用restful请求时对应的接收
@GetMapping("/sys/test/{accept}")
public void test(@PathVariable("accept") String(传进来的数据的类型) attributeName){
    
    
    //axios使用restful的方式进行传值，而Java就需要用到@PathVariable来接收url后的值，/sys/test/{accept}里的accept必须和@PathVariable("accept")里的accept名字一致，而且一个请求能拥有多个@PathVariable
}

3. @RequestBody empfängt Typ
(1) Front-End-Anfrage

let id = $("#id").val();
let paras = {
    
    
    id: id
｝
axios.post('http://127.0.0.1:8080/api/deleteUserById',paras).then(function (response){
    
    
   if(response){
    
    
       $.messager.alert("信息提示","删除成功!");
   }else{
    
    
       $.messager.alert("信息提示","删除失败!");
   }
})

(2)Java-Backend

    @RequestMapping("/api/deleteUserById")
    @ResponseBody
    public boolean deleteUserById(@RequestBody User user) {
    
    
        long id=user.getId();
        int rowsDeleted = userMapper.deleteUserById((long)id);
        if (rowsDeleted > 0) {
    
    
            return true;
        } else {
    
    
            return false;
        }
    }

(3) Das Front-End kann auch Ajax-Anfragen verwenden. Beachten Sie jedoch, dass sich die Schreibmethode von data:JSON.stringify(paras) von der von axios unterscheidet.

$.ajax({
    
    
				url: 'http://127.0.0.1:8080/api/deleteUserById',
				type: 'POST', // 或者其他请求方法，例如'GET', 'DELETE', 'PUT'等
				contentType: 'application/json', // 指定请求的数据类型为JSON
				data: JSON.stringify(paras), // 将JSON对象转换为JSON字符串并设置为请求体数据
				success: function(response) {
    
    
					if(response){
    
    
					   $.messager.alert("信息提示","删除成功!");
					}else{
    
    
					   $.messager.alert("信息提示","删除失败!");
					}
				},
				error: function(error) {
    
    
					console.error('请求失败', error);
				}
			});