位置: IT常识 - 正文

前端 - get请求传递数组(前端get请求传数组)

编辑:rootadmin
前端 - get请求传递数组

推荐整理分享前端 - get请求传递数组(前端get请求传数组),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:前端get请求传递json参数,前端get请求传递json参数,前端get请求传数组,前端get请求传数组,前端get请求传参字符串,前端get请求传递数组,前端get请求传入url链接 后端接收不全,前端get请求传入url链接 后端接收不全,内容如对您有帮助,希望把文章链接给更多的朋友!

感谢后端让我的知识点 + 1

一、数组请求方式

get 请求有以下几种方式来传递数组:

GET http://localhost:8080/users?roleIds=1&roleIds=2GET http://localhost:8080/users?roleIds[0]=1&roleIds[1]=2GET http://localhost:8080/users?roleIds[]=1&roleIds[]=2GET http://localhost:8080/users?roleIds=1,2二、解决方案自己解决let a = ["b", "c", "d"];let str = "";for(var index in a){ str+='a='+a[index]+'&'}// str: a=b&a=c&a=d借助qs插件

qs.stringify({ a: [“b”, “c”, “d”] }); // a[0]=b&a[1]=c&a[2]=d

前端 - get请求传递数组(前端get请求传数组)

qs.stringify({ a: [“b”, “c”, “d”] }, { indices: false }); // a=b&a=c&a=d

qs 还可以通过arrayFormat 选项进行格式化输出:

qs.stringify({ a: [“b”, “c”] }, { arrayFormat: ‘indices’ }) // a[0]=b&a[1]=c qs.stringify({ a: [“b”, “c”] }, { arrayFormat: ‘brackets’ }) // a[]=b&a[]=c qs.stringify({ a: [“b”, “c”] }, { arrayFormat: ‘repeat’ }) // a=b&a=c qs.stringify({ a: [“b”, “c”] }, { arrayFormat: ‘comma’ }) // a=b,c

三、axios 配置

axios中有一个专门对数据进行序列化的配置属性paramsSerializer

{ url: '/user', method: 'get', // default baseURL: 'https://some-domain.com/api/', // `paramsSerializer` 是一个负责 `params` 序列化的函数 // (e.g. https://www.npmjs.com/package/qs, http://api.jquery.com/jquery.param/) paramsSerializer: function(params) { return qs.stringify(params,{arrayFormat: 'brackets'}) },}

在axios请求拦截器中对参数进行序列化配置

axios.interceptors.request.use(async (config) => {//只针对get方式进行序列化 if (config.method === 'get') { config.paramsSerializer = function(params) { return qs.stringify(params, { arrayFormat: 'repeat' }) } }}四、参数转译

需要注意的是,如果请求参数中带有中括号[],[]在url中属于功能性字符,前端需要使用decodeURIComponent()函数转义,否则会出现400 Bad Request错误。

qs.stringify({ a: [‘b’, ‘c’, ‘d’] }); // a%5B0%5D=b&a%5B1%5D=c&a%5B2%5D=ddecodeURIComponent(qs.stringify({ a: ["b", "c", "d"] }) // a[0]=b&a[1]=c&a[2]=d

参考链接 axios中文文档 vue中get请求如何传递数组参数

本文链接地址:https://www.jiuchutong.com/zhishi/297565.html 转载请保留说明!

上一篇:解决雪花算法生成的ID传输前端后精度丢失(雪花算法workid)

下一篇:Vue.js面试题(21级就业版)(vue面试题简书)

  • 淘宝证书错误怎么办(淘宝证书风险怎么解决)

    淘宝证书错误怎么办(淘宝证书风险怎么解决)

  • 华为P30手机怎么设置通用来电背景(华为p30手机怎么当空调遥控器)

    华为P30手机怎么设置通用来电背景(华为p30手机怎么当空调遥控器)

  • 抖音怎么看自己的评论(抖音怎么看自己的ip地址)

    抖音怎么看自己的评论(抖音怎么看自己的ip地址)

  • 陌陌号被永久冻结了怎么解除认证(陌陌号被永久冻结)

    陌陌号被永久冻结了怎么解除认证(陌陌号被永久冻结)

  • xbox国行和港版区别(xbox国行港版日版)

    xbox国行和港版区别(xbox国行港版日版)

  • 微信暂时不能打开该文件怎么办(微信暂时不能打开)

    微信暂时不能打开该文件怎么办(微信暂时不能打开)

  • airpods完美支持安卓吗(airpods支持sbc吗)

    airpods完美支持安卓吗(airpods支持sbc吗)

  • 华为Nova5手机怎么下载两个微信(华为nova5手机怎么开空调)

    华为Nova5手机怎么下载两个微信(华为nova5手机怎么开空调)

  • 腾讯非tv用户什么意思(腾讯会员非tv用户可以投屏吗)

    腾讯非tv用户什么意思(腾讯会员非tv用户可以投屏吗)

  • 苹果11摄像头怕磨吗(苹果摄像头怕沙子吗)

    苹果11摄像头怕磨吗(苹果摄像头怕沙子吗)

  • 高通6125是什么型号(高通6125芯片)

    高通6125是什么型号(高通6125芯片)

  • 号码异常接通失败是怎么回事(手机号码异常通信)

    号码异常接通失败是怎么回事(手机号码异常通信)

  • 没有鼠标怎么复制粘贴(没有鼠标怎么复制图片)

    没有鼠标怎么复制粘贴(没有鼠标怎么复制图片)

  • 第一个分组计算机网络出现于(第一个分组计算机出现于哪一年)

    第一个分组计算机网络出现于(第一个分组计算机出现于哪一年)

  • 苹果平板10.2英寸是哪个型号(苹果平板10.2英寸参数)

    苹果平板10.2英寸是哪个型号(苹果平板10.2英寸参数)

  • 美团打印机打印不出来怎么办(美团打印机打印不出字)

    美团打印机打印不出来怎么办(美团打印机打印不出字)

  • 申诉不成功如何找回QQ密码(申诉不成功如何找回微信密码)

    申诉不成功如何找回QQ密码(申诉不成功如何找回微信密码)

  • 第二个微信怎么申请(第二个微信怎么注销)

    第二个微信怎么申请(第二个微信怎么注销)

  • 淘宝实名认证可以解绑吗(淘宝实名认证可以认证几个)

    淘宝实名认证可以解绑吗(淘宝实名认证可以认证几个)

  • ipad插卡版是啥意思(ipad2020插卡版是什么意思)

    ipad插卡版是啥意思(ipad2020插卡版是什么意思)

  • word文件如何保存到桌面(word文件如何保存到手机发邮箱里)

    word文件如何保存到桌面(word文件如何保存到手机发邮箱里)

  • 三星W20 5G什么时候上市(三星w20什么时候支持移动5g)

    三星W20 5G什么时候上市(三星w20什么时候支持移动5g)

  • 抖音怎么发本地长视频(抖音怎么发本地录音)

    抖音怎么发本地长视频(抖音怎么发本地录音)

  • 怎样把小米震动关闭(小米手机震动方式)

    怎样把小米震动关闭(小米手机震动方式)

  • internet有没有一个集中的管理权威(internet有哪些名字)

    internet有没有一个集中的管理权威(internet有哪些名字)

  • 耕升显卡为什么便宜(最新的显卡型号)

    耕升显卡为什么便宜(最新的显卡型号)

  • 手机小程序文件怎么在电脑上打开(手机小程序文件在哪里找)

    手机小程序文件怎么在电脑上打开(手机小程序文件在哪里找)

  • oppo手机打印机在哪(oppo手机打印机怎么连接)

    oppo手机打印机在哪(oppo手机打印机怎么连接)

  • 快手降权怎样快速恢复(快手降权限流怎么办)

    快手降权怎样快速恢复(快手降权限流怎么办)

  • 白条分期需要什么条件(白条分期什么时候还第一期)

    白条分期需要什么条件(白条分期什么时候还第一期)

  • 微信小程序云开发之收藏文章功能的简单实现(微信小程序云开发控制台)

    微信小程序云开发之收藏文章功能的简单实现(微信小程序云开发控制台)

  • 手把手带你调参Yolo v5(一)(调参数是什么意思)

    手把手带你调参Yolo v5(一)(调参数是什么意思)

  • python自定义进度条显示信息(python命令行进度条)

    python自定义进度条显示信息(python命令行进度条)

  • 税金及附加怎么来的
  • 新购车辆车船税多少钱
  • 企业法人如何网上实名认证
  • 公司清理固定资产汽车怎么开票
  • 外销客户付的模具费如何入账
  • 所得税季报利润总额
  • 如何查询一个公司的资质情况
  • 房地产企业配套设施的核算内容
  • 自建固定资产入账
  • 长期股权投资会计处理方法,对投资方报表有何影响
  • 商业保险费可以在个人所得税税前扣除吗
  • 用现金暂付职工差旅费3000元
  • 卖二手车
  • 做内帐和外账需要多久
  • 清算期间研发费用是否可以加计扣除附会计处理
  • 盘盈入库做什么分录
  • 投资性房地产转换日公允价值大于账面价值
  • 所得税汇算交的所得税怎么做账
  • 应计未计成本税前扣除年限
  • 营改增后向境外提供有偿服务是否需要缴纳增值税?
  • 增值税发票退票时间
  • 员工出差报销制度
  • 什么是小型微利企业标准2023
  • 过桥过闸 增值税
  • 网上抵扣发票操作
  • 企业未成立工会需要交工会经费吗
  • 土地增值税通过什么科目核算
  • 视同销售行为怎么进行财税处理?
  • 如何自定义桌面图标排列
  • 债券到期收回本息的会计分录
  • 筹建期的开办费需要归集后才能一次性扣除吗
  • 汇算清缴所得税补缴怎么处理
  • linux怎么打开文本文件
  • bios怎么恢复出厂设置会怎么样
  • php中strrev
  • rtc resume
  • incredicle
  • 企业委托境外研发所发生的费用
  • 固定资产增值税税率
  • 被公司辞退有钱吗
  • 税收返还需要缴纳什么税
  • 预售商品房转让合同
  • 如何申请办理港澳通行证
  • 净资产现金回收率说明什么
  • php的了解
  • mysql刷新数据
  • 上市公司股票转让收入
  • 客户对账单应该哪个部门做
  • 申报表跟账不一致,如何调整账
  • 帝国cms使用手册
  • 建筑企业印花税应税凭证名称
  • 结构性存款现金流量折现法
  • 城建税教育费附加和地方教育费附加
  • 如何做应收账款分析
  • 未付货款尾款会计分录
  • 应收账款少收会计分录
  • 生产成本人工费结转
  • 国外公司与国内公司签约
  • 业务招待费进项票可以抵扣吗
  • 广告费和广告发布费什么区别
  • 临时工工资怎么入账合法吗
  • mysql 存储过程存放在哪里
  • 通过注册表设置u盘启动
  • windows任务管理器怎么打开
  • vim入门教程
  • 将Sublime Text 2固定到Ubuntu启动器的方法
  • win7回收站路径在哪里
  • 怎么把iphone作为u盘
  • 怎么关闭获取手机信息
  • 批处理删除空文件夹
  • jQuery插件能输出到控制台
  • unity导入工程根本运行不了
  • 高速通行费发票查验
  • 北京12366纳税服务平台
  • 深圳拖欠工资举报网站
  • 契税计税依据含装修费吗
  • 福建省国家税务局网
  • 中建七局企业精神是什么
  • 全国税务稽查会议
  • 商铺转让要交哪些税费和费用
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设