axios提交post数据
【摘要】 默认提交payload
以json形式提交
axios.post(url, {key: value}
).then( res => { console.log(res)
}).catch( res => { console.log(res)
})
123456
提交formdata
如果后端人员比较老派,没法接受json格式,那就给他提交formda...
默认提交payload
以json形式提交
axios.post(url, {key: value}
).then( res => { console.log(res)
}).catch( res => { console.log(res)
})
- 1
- 2
- 3
- 4
- 5
- 6
提交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)
})
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
或者使用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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
文章来源: pengshiyu.blog.csdn.net,作者:彭世瑜,版权归原作者所有,如需转载,请联系作者。
原文链接:pengshiyu.blog.csdn.net/article/details/86247373
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)