位置: IT常识 - 正文

axios请求中以params或body形式传递参数的区别(axios请求数据的数据类型)

编辑:rootadmin
axios请求中以params或body形式传递参数的区别 一、前言:

推荐整理分享axios请求中以params或body形式传递参数的区别(axios请求数据的数据类型),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:axios发请求,axios请求步骤,axios请求写法,axios发请求,axios请求302,axios请求在哪个生命周期,axios的请求,axios请求数据的数据类型,内容如对您有帮助,希望把文章链接给更多的朋友!

     前端发送请求最常⽤的是get请求还有post请求,get请求只能传query参数,query参数都是拼在请求地址上的,post可以传body和query两种形;我在开发的时候通常使用的是Axios第三方库进行网络请求,所以这里主要是将Axios请求时query与body传递参数的区别

data----->body参数(也就是请求体)params----->query参数(都是拼接在请求地址上)二、Axios post当content-type为application/x-www-form-urlencoded时axios请求中以params或body形式传递参数的区别(axios请求数据的数据类型)

1. axios 中post请求Content-Type默认为application/json,我们传递参数的时候,query里面的参数(简称对象,通过“{}”或者“new Object“创建)会被以&的方式凭借到请求地址的后面(get请求也是一样的)

params参数如下:

 2.data里面的参数(简单的对象,通过“{}”或者“new Object”创建的),会以Form Data的形式存在,但是Form Data里面把我们传进去的整体当成了一个key值,没有value

解决Form Data里面把我们传进去的整体当成了一个key值,没有value的方法:导入qs库(qs库以及包含在axios中,不需要重新安装),data里面的参数使用qs.stringify方法来转换,转换之后后端才能正常的获取

当content-type为application/json时:

post请求当Content-Type设置为application/json;时,query(简单对象)里面的参数仍然会被拼接到请求连接后面,但是data(简单对象)里面的参数放到Request Payload中

三、代码举例说明get请求axios({ method: 'GET', url: 'xxxxx', params: param, })/or get请求没有请求体参数一说axios({ method: 'GET', url: '/xxx?message=' + msg, })post请求

1.body参数

/* 编辑项⽬列表 */export function editProjectList(params) { return request({ url: 'xxxxx....', method: 'post', data: params// data就是body参数 });}

2.params参数

/* 增加客户列表 */export function addClientList(params) { return request({ url: '....xxxx', method: 'post', params: params// params就是query参数 });}export function addClientList(params) { return request({ url: '....xxxx', method: 'post', params: {params}// params就是query参数 });}export function addClientList(params) { return request({ url: '....xxxx', method: 'post', params: { info:'heihei' }// params就是query参数 });}四、总结使用post请求且content-type为application/x-www-form-urlencoded时,通常需要借助qs进行数据转换,转换后的数据发送给后端,后端才能正确的处理params形式传递数据不管是get还是post请求,参数最后都是以拼接url的形式出现get请求没有body的传参方式在跟后端同时对接接口的时候,如果你的请求参数params与body分不清,通常会出现405的错误状态码如:{"code":405,"success":false,"data":{},"msg":"Request method 'GET' not supported"}由于经常用的是axios库,所以发请求的时候要注意params和data的区别
本文链接地址:https://www.jiuchutong.com/zhishi/298837.html 转载请保留说明!

上一篇:vue项目打断点的三种方式(vue怎么打断点)

下一篇:【微信小程序】视图容器和基本内容组件(微信小程序在哪里打开)

  • 荣耀X30Max支持鸿蒙系统吗(荣耀x30max支持鸿蒙系统吗)

    荣耀X30Max支持鸿蒙系统吗(荣耀x30max支持鸿蒙系统吗)

  • oppo智能语音助手怎么唤醒(oppo智能语音助手怎么开启)

    oppo智能语音助手怎么唤醒(oppo智能语音助手怎么开启)

  • 小米6重启才能充电(小米重启才能充电解决方法)

    小米6重启才能充电(小米重启才能充电解决方法)

  • 电脑图片如何压缩(电脑图片如何压缩变小)

    电脑图片如何压缩(电脑图片如何压缩变小)

  • iphonexs滑动掉帧怎么解决(iphonexs屏幕滑动掉帧)

    iphonexs滑动掉帧怎么解决(iphonexs屏幕滑动掉帧)

  • 别人打不进来电话,自己可以打出去(别人打不进来电话是怎么回事)

    别人打不进来电话,自己可以打出去(别人打不进来电话是怎么回事)

  • iphone录像软件黑屏(苹果手机录像特别黑)

    iphone录像软件黑屏(苹果手机录像特别黑)

  • 水滴膜怎么取下来(水滴膜的优缺点)

    水滴膜怎么取下来(水滴膜的优缺点)

  • 苹果xr怎么清理手机缓存垃圾(苹果xr怎么清理手机垃圾)

    苹果xr怎么清理手机缓存垃圾(苹果xr怎么清理手机垃圾)

  • mac就是苹果电脑吗(苹果电脑是mac吗)

    mac就是苹果电脑吗(苹果电脑是mac吗)

  • 技嘉主板保修几年(技嘉主板保修多长时间)

    技嘉主板保修几年(技嘉主板保修多长时间)

  • 一个微信号只能申请一个健康码吗(一个微信号只能绑定一个企业微信吗)

    一个微信号只能申请一个健康码吗(一个微信号只能绑定一个企业微信吗)

  • 微信申请收款码几天会到(微信申请收款码是什么意思?)

    微信申请收款码几天会到(微信申请收款码是什么意思?)

  • 天猫预售商品规则(天猫预售商品几天发货)

    天猫预售商品规则(天猫预售商品几天发货)

  • 后续段落样式什么意思(后续段落样式无间隔)

    后续段落样式什么意思(后续段落样式无间隔)

  • 苹果已经激活怎么转移(苹果已经激活怎么转移旧苹果数据)

    苹果已经激活怎么转移(苹果已经激活怎么转移旧苹果数据)

  • 苹果iphonex防水吗(iphonex 防水)

    苹果iphonex防水吗(iphonex 防水)

  • 怎么在自己的手机上录制视频(怎么在自己的手机查别人的话费)

    怎么在自己的手机上录制视频(怎么在自己的手机查别人的话费)

  • 微信通话记录能查到吗(微信通话记录能保存几年)

    微信通话记录能查到吗(微信通话记录能保存几年)

  • vivox9splus怎么恢双清(vivox9plusl怎么恢复出厂设置)

    vivox9splus怎么恢双清(vivox9plusl怎么恢复出厂设置)

  • 手机钢化膜取不下来怎么办(手机钢化膜取不出来)

    手机钢化膜取不下来怎么办(手机钢化膜取不出来)

  • 打字用什么轴(打字用什么轴的机械键盘手感最好)

    打字用什么轴(打字用什么轴的机械键盘手感最好)

  • 微信etc安装激活后就可以用了吗(微信etc安装后怎么激活)

    微信etc安装激活后就可以用了吗(微信etc安装后怎么激活)

  • 小米熄屏怎么显示时间(小米手机灭屏后怎么显示时间)

    小米熄屏怎么显示时间(小米手机灭屏后怎么显示时间)

  • 中间件有哪些(常用中间件有哪些)

    中间件有哪些(常用中间件有哪些)

  • 出口退税进项税
  • 燃气费的账务处理
  • 农业合作社享受优惠政策
  • 会计中计提是什么意思
  • 大病医疗可以抵扣吗
  • 企业的固定资产有何特征
  • 独资企业是向地税申报个税吗
  • 资产的企业所得税怎么算
  • 企业清理固定资产所得税汇算是需要调整吗
  • 收到承兑汇票怎么兑现步骤
  • 公司购买服装
  • 建筑行业开工程票,材料抵扣有没有比例
  • 房租本月入账上月的怎么摊销?
  • 营改增后企业要交哪些税
  • 公司购入货架如何做账
  • 租赁公司扣押金
  • 回购股票手续费会计分录
  • 小型微利企业普惠性
  • 红冲发票后 库存怎么处理
  • 开具房租发票备注多少
  • 报销业务招待费属于什么现金流量项目
  • 出口退税附加税计税依据
  • 商业承兑汇票需要银行审核吗
  • 基本户是否可以冻结
  • 收到增值税红字发票怎么入账
  • 土地拍卖资金交到哪里
  • PHP:session_write_close()的用法_Session函数
  • islp2sta.exe - islp2sta是什么进程 有什么作用
  • 领用配件计入什么科目
  • 东京塔的意义
  • 企业发生的现金折扣应计入什么费用
  • 专项储备怎么理解
  • 携程境外电话客服人工电话
  • 其他收益如何核算成本
  • 设备租赁费属于设备费吗
  • 魔改6.67
  • 上月未记账,本月不能记账
  • Linux Howtos: C/C++ > Sockets Tutorial
  • 什么叫网银盾账户
  • 发行股票的好处和坏处
  • 会计处理要求
  • 绿植租赁怎么开票
  • 应收账款增值税专用发票
  • 社保退休金计算方法
  • 存货的进口关税计入成本吗
  • 辞退福利是入工资还是福利费
  • 去年的物业费今年收到了可以确认收入吗
  • 一般纳税人增值税优惠政策2023
  • 简述账套管理的主要内容
  • 应收账款的账户余额
  • 启动sqlserver服务的命令
  • sqlserver查询语句大全讲解
  • sql怎么分组查询
  • win10预览版选哪个
  • xp系统软件开机自启
  • deepin直接安装
  • Win7系统不小心将TCP/IP协议卸载如何重新安装?
  • win7系统打不开浏览器
  • win8系统笔记本怎么恢复出厂设置
  • linux中快捷键
  • Linux中通过Socket文件描述符寻找连接状态介绍
  • win8.1删除所有内容并重新安装
  • dos批处理高级教程合编.pdf
  • Knockout visible绑定使用方法
  • Python统计代码
  • jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
  • 网页中经常用到的代码
  • javascript中有哪些数据类型
  • 啥叫七个不得
  • jquery 插件写法
  • javascript:void(o)怎么解决
  • javascript基础教程教材答案
  • javascript基于什么的语言
  • 专项调查法
  • 中国个人所得税是多少?
  • 进口增值税如何勾选认证
  • 直系亲属房产买卖过户税费
  • 如果贸易后y产品的相对价格下降很大的话
  • 徐州房产过户手续流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设