axios 發(fā)送數(shù)據(jù)的幾種方式

1、最簡單的方式是將參數(shù)直接拼接在 URL 上，這通常用于傳遞少量的數(shù)據(jù)，例如資源的 ID。

const id = 12;
axios.delete(`https://api.example.com/${id}`).then(response => {console.log('Resource deleted successfully:', response.data);}).catch(error => {console.error('Error deleting resource:', error);});

springboot 后端參數(shù)的獲取:

    /***  發(fā)送數(shù)據(jù)的請求的url:http://localhost:8090/building/10/3請求方式: DELETE* @param id* @return*/@DeleteMapping("/{id}")public String deleteBuilding(@PathVariable("id") int id){System.out.println("id = " + id);return "success";}

2. 使用 params 參數(shù)傳遞參數(shù)

axios.delete('https://api.example.com', {params:{id:12}}).then(response => {console.log('Resource deleted successfully:', response.data);}).catch(error => {console.error('Error deleting resource:', error);});
缺陷:1、參數(shù)都在url上 大小有限制2、url可以直接查看、存在不安全

springboot 后端參數(shù)獲取:

    /***    發(fā)送請求的路徑：  http://localhost:8090/building?id=10*        參數(shù)在url上面 鍵值對*     直接方法上面的參數(shù)的名稱和key保持一致就可以 * @param id* @return*/@DeleteMapping()public String deleteBuilding(int id){System.out.println("id = " + id);return "success";}

3. 使用 data 參數(shù)傳遞請求體數(shù)據(jù)

const requestData = { id: 123, name: 'zs' };
axios.delete('https://api.example.com', { data: requestData }).then(response => {console.log('Resource deleted successfully:', response.data);}).catch(error => {console.error('Error deleting resource:', error);});

springboot 后端參數(shù)獲取：

    /***    發(fā)送請求的路徑：  http://localhost:8090/building*         請求體的數(shù)據(jù): {id:1,name:"zs"}*     發(fā)送數(shù)據(jù)過來的是json格式:*         把前端json對象轉(zhuǎn)成json字符串、把json字符串轉(zhuǎn)成 javaBean*      獲取參數(shù)的時候:*         1、創(chuàng)建一個javabean對象*         2、使用注解的方式 @RequestBody 進行自動轉(zhuǎn)換** @param id* @return*/@DeleteMapping()public String deleteBuilding(@RequestBody User user){System.out.println("user = " + user);return "success";}