用dw做網(wǎng)站怎么換行最新消息
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";}