axios提交post数据

原创

彭世瑜 2022-03-01 10:59:32 博主文章分类：javascript ©著作权

©著作权归作者所有：来自51CTO博客作者彭世瑜的原创作品，请联系作者获取转载授权，否则将追究法律责任

默认提交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>