axios提交post数据

简介: axios提交post数据

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

相关文章
|
8月前
|
JavaScript
Vue 使用 mockjs (返回数据、get、post 请求)
Vue 使用 mockjs (返回数据、get、post 请求)
145 0
|
JSON 数据格式
okhttp3 模拟get、post(json参数传递,form表单提交)
本文是博主学习okhttp3 的记录,希望对大家有所帮助。
1530 0
|
8月前
axios请求(get/post qs配置)
axios请求(get/post qs配置)
|
8月前
|
JSON 数据格式
axios 请求数据(Post,Get)细节
axios 请求数据(Post,Get)细节
61 0
|
存储 SQL JavaScript
vue 里怎么用 axios 实现 post 请求下载文件
vue 里怎么用 axios 实现 post 请求下载文件
558 0
vue 里怎么用 axios 实现 post 请求下载文件
|
Web App开发 数据采集 JSON
Fetch和Axios请求对比
接口请求
245 0
|
JSON 数据格式
axios.post提交的三种请求方式
axios.post提交的三种请求方式
|
JavaScript 前端开发 API
vue-resource 发起 get、post、jsonp 请求 | 学习笔记
快速学习 vue-resource 发起 get、post、jsonp 请求
134 0
vue-resource 发起 get、post、jsonp 请求  |  学习笔记