位置: 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怎么打断点)

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

  • blued照片认证会被别人看到么(blued实名认证的照片会不会被别人看到)

    blued照片认证会被别人看到么(blued实名认证的照片会不会被别人看到)

  • icloud健康数据删不了(icould健康如何删除)

    icloud健康数据删不了(icould健康如何删除)

  • 抖音钻石卡怎么集齐(抖音钻卡是内定的吗)

    抖音钻石卡怎么集齐(抖音钻卡是内定的吗)

  • mac抹除后出现地球(mac抹除后出现地球 然后怎么操作)

    mac抹除后出现地球(mac抹除后出现地球 然后怎么操作)

  • ipv4dns的服务器填什么(ipv4dns的服务器需要加密吗)

    ipv4dns的服务器填什么(ipv4dns的服务器需要加密吗)

  • 拼多多物流通知信息怎么删掉(拼多多物流通知怎么删除不了)

    拼多多物流通知信息怎么删掉(拼多多物流通知怎么删除不了)

  • 遥控器指示灯一直亮 用不了怎么办(遥控器指示灯一直闪烁 按键没反应)

    遥控器指示灯一直亮 用不了怎么办(遥控器指示灯一直闪烁 按键没反应)

  • 华为手机volte设置在哪里设置(华为手机volte设置在哪里设置给人拨打电话号码异常)

    华为手机volte设置在哪里设置(华为手机volte设置在哪里设置给人拨打电话号码异常)

  • 微信朋友圈怎么看访客记录(微信朋友圈怎么定位到别的城市)

    微信朋友圈怎么看访客记录(微信朋友圈怎么定位到别的城市)

  • 电脑wlan已连接不可上网是什么原因(电脑wlan已连接不可上网)

    电脑wlan已连接不可上网是什么原因(电脑wlan已连接不可上网)

  • 同一个微信号可以在手机和平板上同时用吗?(同一个微信号可以在两台电脑上登录吗)

    同一个微信号可以在手机和平板上同时用吗?(同一个微信号可以在两台电脑上登录吗)

  • 电脑的system是什么(电脑中的system)

    电脑的system是什么(电脑中的system)

  • netware属于什么操作系统(netware属于典型的什么操作系统)

    netware属于什么操作系统(netware属于典型的什么操作系统)

  • 为什么微视没法删作品(为什么微视看不了视频了)

    为什么微视没法删作品(为什么微视看不了视频了)

  • iphone11可以充一晚上电吗(iphone11可以充满电吗)

    iphone11可以充一晚上电吗(iphone11可以充满电吗)

  • 微视邀请显示在路上什么意思(微视邀请好友界面为什么没有了)

    微视邀请显示在路上什么意思(微视邀请好友界面为什么没有了)

  • 抖音号可以自己设置吗(抖音号可以自己设置账号吗)

    抖音号可以自己设置吗(抖音号可以自己设置账号吗)

  • 荣耀9提示灯怎么设置(荣耀9提示灯怎样关闭)

    荣耀9提示灯怎么设置(荣耀9提示灯怎样关闭)

  • 手机刷机后照片还能找回吗(手机刷机后照片怎么找回来)

    手机刷机后照片还能找回吗(手机刷机后照片怎么找回来)

  • iphonexs续航时间(苹果xs的续航)

    iphonexs续航时间(苹果xs的续航)

  • 怎么锁定软件不被关掉(怎么锁定软件不被关掉华为)

    怎么锁定软件不被关掉(怎么锁定软件不被关掉华为)

  • 小米触屏音箱怎么打电话(小米触屏音箱怎么样)

    小米触屏音箱怎么打电话(小米触屏音箱怎么样)

  • 快手作品播放量多少上热门(快手作品播放量突然变少是怎么回事)

    快手作品播放量多少上热门(快手作品播放量突然变少是怎么回事)

  • deepin怎么禁止自动锁屏?(deepin阻止关机)

    deepin怎么禁止自动锁屏?(deepin阻止关机)

  • Vue生命周期,总也学不会,所以我详细整理了一下(vue生命周期分别做了什么)

    Vue生命周期,总也学不会,所以我详细整理了一下(vue生命周期分别做了什么)

  • 搭建Pytorch环境(pytorch的环境配置)

    搭建Pytorch环境(pytorch的环境配置)

  • 特别关税是多少人民币
  • 烟叶税税率是多少2019
  • 进项税额比销项税额大怎么办
  • 季度对账单 怎么处理
  • 公对私转账没有到账怎么查询
  • 运输服务有3%的税率吗
  • 其他现代服务税目包括哪些内容
  • 享受专项附加扣除该怎么申报
  • 企业所得税和增值税都要交吗
  • 城镇土地使用税的计税依据
  • 自查增值税补缴怎么处理
  • 财务报表层次重大错报风险增大了认定层次
  • 增值税普票只要发票号吗
  • 企业租车费用怎么处理方法
  • 税种申报表样表
  • 旅游业务开什么发票
  • 补偿金需要缴纳个税分开
  • 营业收入在财务报表上跟实际多出来怎么解释
  • 公司没有发票的做内账,那么支付款从哪里来
  • 上报汇总完成,远程清卡清不了
  • 国外发票可以报销吗
  • 收到安监处罚款怎么处理
  • 私账的钱怎么弄到公账
  • 差额征税的项目有哪些
  • 公司注册资金存在风险吗
  • 如何进入企业年报系统
  • 最高像素是什么
  • 喝咖啡的好处和坏处 女性
  • 销售成本属于成本吗
  • 房产营销策划经典案例
  • 做电脑配件的公司
  • 大雾山国家公园总部加特林堡
  • 如何用php操作mysql
  • 补缴上年度未开票收入增值税,怎么做账
  • 俄勒冈zip
  • vue2计算属性和vue3的计算属性的区别
  • 开源原则
  • 语义分割入门教程
  • 归还长期借款会计分录例题
  • 待抵扣进项税额和进项税额的区别
  • php headers
  • mac的配置
  • 货物运输行业前景如何
  • 挂靠车辆进项税额是否可以抵扣
  • 工商年报股东实缴出资金额能写0吗
  • 电子承兑汇票贴现怎么做账
  • 电脑bak文件怎么打开
  • 增值税勾选统计后如何导出明细表
  • 水利建设行业
  • 印花税每个月都报吗
  • 购销供应商
  • 企业之间的往来款要1900万要交多少税
  • 购入土地使用权的,以评估价格为计税依据
  • 零售商品收入
  • 货款和发票金额不一致
  • 通行费的进项抵税怎么算
  • mysql5717安装及配置超详细教程
  • Win7 64位旗舰版系统打开应用程序提示“发生未知的软件异常0xc06d007e”的解决方法
  • Windows server 2003 密码忘了
  • 虚拟系统win10
  • ubuntu系统管理
  • linux shell awk 流程控制语句(if,for,while,do)详细介绍
  • linux启动u盘制作
  • 开机提示windows即将过期
  • linux 文件夹权限 777
  • win10如何彻底关掉自动锁屏
  • marvell 网卡驱动
  • linux日志数据种类
  • win8系统隐藏文件怎么查看
  • unity 链表
  • cocos做游戏
  • cocos creator js ts
  • jquery 设置css
  • nodejs性能对比
  • Android多线程开发
  • androidstudio快捷生成代码
  • 江苏省电子税务局电话
  • 土地出让金入账后就摊销吗
  • 什么是征收率什么是税率
  • 江苏国税局官网登录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设