 // 為給定 ID 的 user 創(chuàng)建請(qǐng)求
        axios.get('/demo/name')
            .then(function (response) {
                console.log(response.data);
            })
            .catch(function (error) {
                console.log(error);
            });

response用于接收后端的數(shù)據(jù)，而response.data正好對(duì)應(yīng)后端傳入的 hello

后端接收

  @RequestMapping(value = "/name",method = RequestMethod.GET)
    @ResponseBody
    public String Testname(){
        return "hello";
    }

2.post請(qǐng)求

這是一段前端發(fā)送請(qǐng)求代碼，利用axios發(fā)送post請(qǐng)求

<button type="button"  onclick="openUrl()">testaxios</button>
<script>
    function openUrl(){
        axios({
            method: 'post',
            url: '/demo/user',
            data: {
                ID: 'Fred',
                lastName: 'Flintstone'
            }
        });
    }
</script>

通過(guò)chrome瀏覽器解析，往后端傳遞的數(shù)據(jù)類型為Request Payload。

如何想接收這段數(shù)據(jù)，就需要用到@RequestBody注解

 @RequestMapping(value = "/user",method = RequestMethod.POST)
    @ResponseBody
    public void Test(@RequestBody HashMap<String,String> map){
        System.out.println(map.get("ID"));
    }

這種寫(xiě)法，你就可以通過(guò)健值對(duì)的形式獲取了

springboot與axios遇到的坑

spring boot

@RequestParam

適用于content-type不等于application/json的post請(qǐng)求，post請(qǐng)求需要用qs.stringify()序列化數(shù)據(jù)

適用于get請(qǐng)求（好像只能傳基本類型）

@RequestBody

適用于content-type等于application/json的post請(qǐng)求

axios

get

axios.get(
'/api',
{
 params: { //必須要這么寫(xiě)
 
})

post

axios.post(
'/api',
{}或者params//參數(shù)名隨意)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Spring MVC 啟動(dòng)過(guò)程源碼分析詳解
這篇文章主要介紹了Spring MVC 啟動(dòng)過(guò)程源碼分析詳解,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
Mybatis order by 動(dòng)態(tài)傳參出現(xiàn)的問(wèn)題及解決方法
今天，我正在愉快地CRUD，突然發(fā)現(xiàn)出現(xiàn)一個(gè)Bug，我們來(lái)看看是怎么回事吧！接下來(lái)通過(guò)本文給大家介紹Mybatis order by 動(dòng)態(tài)傳參出現(xiàn)的一個(gè)小bug,需要的朋友可以參考下
2021-07-07
Java編程偽共享與緩存行填充
這篇文章主要介紹了Java編程偽共享與緩存行填充，下面文章Disruptor提到的CPU緩存話題，做了一些嘗試和研究，如Disruptor所說(shuō)，CPU有緩存?zhèn)喂蚕淼膯?wèn)題，并且通過(guò)緩存行填充能完美的解決這個(gè)問(wèn)題,需要的朋友可以參考一下
2021-09-09
RocketMQ消息生產(chǎn)者是如何選擇Broker示例詳解
這篇文章主要為大家介紹了RocketMQ消息生產(chǎn)者是如何選擇Broker示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11
java的Console類的使用方法及實(shí)例
這篇文章主要介紹了java的Console類的使用方法及實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-07-07
Java數(shù)組隊(duì)列及環(huán)形數(shù)組隊(duì)列超詳細(xì)講解
隊(duì)列是一個(gè)有序列表，可以用數(shù)組和鏈表來(lái)實(shí)現(xiàn)，隊(duì)列有一個(gè)原則。即：先存入隊(duì)列的數(shù)據(jù)要先取出，后存入的要后取出，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧
2022-09-09
手動(dòng)添加jar包進(jìn)Maven本地庫(kù)內(nèi)的方法
這篇文章主要介紹了手動(dòng)添加jar包進(jìn)Maven本地庫(kù)內(nèi)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
詳解Java Spring各種依賴注入注解的區(qū)別
這篇文章主要介紹了詳解Java Spring各種依賴注入注解的區(qū)別的相關(guān)資料,需要的朋友可以參考下
2016-03-03
java servlet結(jié)合mysql搭建java web開(kāi)發(fā)環(huán)境
之前寫(xiě)過(guò)一篇 servlet+oracle的文章，但是那是因?yàn)楣居锌赡芙幽敲匆粋€(gè)項(xiàng)目，然后我當(dāng)時(shí)也比較閑,所以隨便學(xué)了下，那玩意是白去研究了，因?yàn)楣竞竺娌](méi)接到那項(xiàng)目。
2015-12-12
深入理解JAVA 備忘錄模式
這篇文章主要介紹了JAVA 備忘錄模式的的相關(guān)資料，文中示例代碼非常細(xì)致，供大家參考和學(xué)習(xí)，感興趣的朋友可以了解下
2020-06-06