基于springboot與axios的整合問題
更新時間：2021年12月01日 09:52:48 作者：coderping
這篇文章主要介紹了springboot與axios的整合問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
springboot與axios的整合
使用axios的時候一定要引用它的js包（可用npm命令：npm install axios）
1.get請求
// 為給定 ID 的 user 創(chuàng)建請求
axios.get('/demo/name')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
response用于接收后端的數據，而response.data正好對應后端傳入的 hello
后端接收
@RequestMapping(value = "/name",method = RequestMethod.GET)
@ResponseBody
public String Testname(){
return "hello";
}
2.post請求
這是一段前端發(fā)送請求代碼，利用axios發(fā)送post請求
<button type="button" onclick="openUrl()">testaxios</button>
<script>
function openUrl(){
axios({
method: 'post',
url: '/demo/user',
data: {
ID: 'Fred',
lastName: 'Flintstone'
}
});
}
</script>
通過chrome瀏覽器解析，往后端傳遞的數據類型為Request Payload。
如何想接收這段數據，就需要用到@RequestBody注解
@RequestMapping(value = "/user",method = RequestMethod.POST)
@ResponseBody
public void Test(@RequestBody HashMap<String,String> map){
System.out.println(map.get("ID"));
}
這種寫法，你就可以通過健值對的形式獲取了
springboot與axios遇到的坑
spring boot
@RequestParam
適用于content-type不等于application/json的post請求，post請求需要用qs.stringify()序列化數據
適用于get請求（好像只能傳基本類型）
@RequestBody
適用于content-type等于application/json的post請求
axios
get
axios.get(
'/api',
{
params: { //必須要這么寫
})
post
axios.post(
'/api',
{}或者params//參數名隨意)
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Spring MVC 啟動過程源碼分析詳解,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
Mybatis order by 動態(tài)傳參出現的問題及解決方法
今天，我正在愉快地CRUD，突然發(fā)現出現一個Bug，我們來看看是怎么回事吧！接下來通過本文給大家介紹Mybatis order by 動態(tài)傳參出現的一個小bug,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了Java編程偽共享與緩存行填充，下面文章Disruptor提到的CPU緩存話題，做了一些嘗試和研究，如Disruptor所說，CPU有緩存?zhèn)喂蚕淼膯栴}，并且通過緩存行填充能完美的解決這個問題,需要的朋友可以參考一下2021-09-09
這篇文章主要為大家介紹了RocketMQ消息生產者是如何選擇Broker示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要介紹了java的Console類的使用方法及實例的相關資料,需要的朋友可以參考下2017-07-07
隊列是一個有序列表，可以用數組和鏈表來實現，隊列有一個原則。即：先存入隊列的數據要先取出，后存入的要后取出，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧2022-09-09
這篇文章主要介紹了手動添加jar包進Maven本地庫內的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
這篇文章主要介紹了詳解Java Spring各種依賴注入注解的區(qū)別的相關資料,需要的朋友可以參考下2016-03-03
java servlet結合mysql搭建java web開發(fā)環(huán)境
之前寫過一篇 servlet+oracle的文章，但是那是因為公司有可能接那么一個項目，然后我當時也比較閑,所以隨便學了下，那玩意是白去研究了，因為公司后面并沒接到那項目。2015-12-12
這篇文章主要介紹了JAVA 備忘錄模式的的相關資料，文中示例代碼非常細致，供大家參考和學習，感興趣的朋友可以了解下2020-06-06