axios?POST提交數據的三種請求方式寫法示例
更新時間：2023年09月01日 09:27:54 作者：Awbeci
這篇文章主要介紹了axios?POST提交數據的三種請求方式寫法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
1、Content-Type: application/json
import axios from 'axios'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
console.log('res=>',res);
})
2、Content-Type: multipart/form-data
import axios from 'axios'
let data = new FormData();
data.append('code','1234');
data.append('name','yyyy');
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
console.log('res=>',res);
})
3、Content-Type: application/x-www-form-urlencoded
import axios from 'axios'
import qs from 'Qs'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,qs.stringify({
data
}))
.then(res=>{
console.log('res=>',res);
})
總結
1、從jquery轉到axios最難忘的就是要設置Content-Type，還好現在都搞懂了他們的原理
2、上面三種方式會對應后臺的請求方式，這個也要注意，比如java的@RequestBody，HttpSevletRequest等等
以上就是axios POST提交數據的三種請求方式寫法示例的詳細內容，更多關于axios POST提交數據請求方式的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了原生JS實現仿淘寶網左側商品分類菜單效果代碼,可實現簡單的鼠標滑過tab切換的功能,非常簡單實用,需要的朋友可以參考下2015-09-09
javascript中的__defineGetter__和__defineSetter__介紹
這篇文章主要介紹了javascript中的__defineGetter__和__defineSetter__介紹,類似面向對象語言中的get和set關鍵字,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細介紹了五步輕松實現JavaScript HTML時鐘效果的代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了BootStrap3使用錯誤記錄及解決辦法,需要的朋友可以參考下2016-12-12
本文主要介紹了js實現橫向拖拽導航條功能的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
JavaScript 實現的 zip 壓縮和解壓縮工具包Zip.js使用詳解
今天給大家介紹的文章是js實現的解壓縮插件zip.js，非常的簡單實用，有需要的小伙伴可以參考下。2015-12-12
這篇文章主要給大家介紹了關于JavaScript字符串轉數字的簡單實現方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
這篇文章主要為大家詳細介紹了js實現經典掃雷游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
編寫高質量JavaScript代碼的基本要點分享給大家，感興趣的小伙伴們可以參考一下2016-03-03
本篇文章主要介紹了JS操作xml對象轉換為Json對象示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03