天天看點
傳回

axios送出post資料預設送出payload送出formdata

預設送出payload

以json形式送出

axios.post(url, {key: value}
).then( res => {
    console.log(res)
}).catch( res => {
    console.log(res)
})

送出formdata

如果後端人員比較老派，沒法接受json格式，那就給他送出formdata

var fd = new FormData()
fd.append('key', value)
let config = {
    headers: {
        'Content-Type': 'multipart/form-data'
    }
}
axios.post(url, fd, config
).then( res => {
    console.log(res)
}).catch( res => {
    console.log(res)
})

或者使用CDN方式引入

<html>
<head>
    <!-- Axios -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- 引入Qs -->
    <script src="https://cdn.bootcss.com/qs/6.5.1/qs.min.js"></script>
</head>
<body>
    
<script>
let url = "http://127.0.0.1"

let data = {
    name: "Tom",
    age: 23
}

// 注意Qs是大寫，和npm引入方式不一樣
axios.post(url, Qs.stringify(data)).then(res=>{
    console.log(res);
}).catch(err=>{
    console.log(err);
})
</script>
</body>
</html>

參考

axios配置後，post送出formdata
json 資料格式 CDN post axios請求 post送出資料 post資料送出表單 post常見送出資料
上一篇: Python程式設計：happybase讀寫HBase資料庫安裝表操作資料操作批量資料操作
下一篇: Vim常用的操作指令啟動vim檔案指令vim的模式指令曆史導航指令插入指令查找指令替換指令移動指令撤銷和重做删除指令剪切指令退出指令關閉視窗錄制宏注釋指令幫助指令其他非編輯指令Vim教程

繼續閱讀