您当前的位置: 首页 > 技术文章 > 前端开发

vue|axios发送post请求详解

作者: 时间:2022-07-27阅读数:人阅读

axios发送Post请求

首先我们要知道发送一个请求体的时候我们要明确发送的类型是什么,常见的类型有三种

  • form-data
  • application/json
  • application/x-www-form-urlencoded

以上三种类型是进行数据传输的数据类型,我们知道在js代码中的对象都不是以上的三种形式,但是要进行数据传输必须将js对象转换为以上的三种格式之一,可是我刚接触axios发送请求的时候,有时候却可以直接传递一个js对象,就很疑惑,今天终于弄懂了,其实axios在底层帮我们做了转换,如果传递一个js对象,会默认将js对象转换为json对象,具体的流程如下

在这里插入图片描述

对应的就有三种方式发送axios

首先介绍数据类型的转换

  • application/json

    该方式可以直接传一个js,或者一个json对象,

    js对象转换为json的方法JSON.stringfy(obj)

  • form-data

// 该方法是一个Web API
let data = new FormData()
data.append('age', '34')
data.append('name', 'peter')
  • application/x-www-form-urlencoded
// 两种方式
// 1、URLSearchParams();
const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
// 2、qs,QS是node
import qs from 'Qs'
const data = qs.stringify({name:'zhangsan'}))

数据类型转换完了就可以发送请求了

axios.post('/api',data)

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:licqi@yunshuaiweb.com

标签: vue.js ajax 前端
加载中~
如果您对我们的成果表示认同并且觉得对你有所帮助可以给我们捐赠。您的帮助是对我们最大的支持和动力!
捐赠我们
扫码支持 扫码支持
扫码捐赠,你说多少就多少
2
5
10
20
50
自定义
您当前余额:元
支付宝
微信
余额

打开支付宝扫一扫,即可进行扫码捐赠哦

打开微信扫一扫,即可进行扫码捐赠哦

打开QQ钱包扫一扫,即可进行扫码捐赠哦

天猫38节现货-全屋智能