位置: 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面试题简书)

  • 华为nova6什么时候上市的(华为nova6什么时候下架的)

    华为nova6什么时候上市的(华为nova6什么时候下架的)

  • 淘宝交易保护会多久解除(淘宝交易被保护是怎么回事)

    淘宝交易保护会多久解除(淘宝交易被保护是怎么回事)

  • airpods叮咚响(airpodspro叮咚响)

    airpods叮咚响(airpodspro叮咚响)

  • 云班课学生要开摄像头吗(云班课哪些学校用)

    云班课学生要开摄像头吗(云班课哪些学校用)

  • 打印机可以扫描成电子版吗(打印机可以扫描不能打印是什么原因)

    打印机可以扫描成电子版吗(打印机可以扫描不能打印是什么原因)

  • 电子数字计算机工作最重要的特征是什么(电子数字计算机和电子模拟计算机的区别)

    电子数字计算机工作最重要的特征是什么(电子数字计算机和电子模拟计算机的区别)

  • 发送位置和共享实时位置的区别是什么(发送位置和共享实时位置好处)

    发送位置和共享实时位置的区别是什么(发送位置和共享实时位置好处)

  • excel文档主要功能包括(excel的主要功能和特点是什么)

    excel文档主要功能包括(excel的主要功能和特点是什么)

  • iphonex面容坏了能修吗(iphonex面容坏了摄像头就坏了吗)

    iphonex面容坏了能修吗(iphonex面容坏了摄像头就坏了吗)

  • 剪映转场时间怎么调整(剪映转场时间怎么只有0.1秒了)

    剪映转场时间怎么调整(剪映转场时间怎么只有0.1秒了)

  • 在windows中,用打印机可同时打印几份文件(在windows中在实施打印前())

    在windows中,用打印机可同时打印几份文件(在windows中在实施打印前())

  • iphonex日历不显示节日(iphone日历不显示)

    iphonex日历不显示节日(iphone日历不显示)

  • 运算器包括哪几部分(运算器包括哪几个部件)

    运算器包括哪几部分(运算器包括哪几个部件)

  • soul位置共享怎么使用(soul位置共享怎么恢复)

    soul位置共享怎么使用(soul位置共享怎么恢复)

  • 淘宝预售怎么加购物车(淘宝预售怎么加购)

    淘宝预售怎么加购物车(淘宝预售怎么加购)

  • 购物拼团是什么意思(购物拼团是什么平台)

    购物拼团是什么意思(购物拼团是什么平台)

  • 表格在试图打开文件时遇到错误(表格在试图打开怎么设置)

    表格在试图打开文件时遇到错误(表格在试图打开怎么设置)

  • 淘宝发货无需物流可以吗(淘宝发货无需物流货款什么时候到)

    淘宝发货无需物流可以吗(淘宝发货无需物流货款什么时候到)

  • r22加氟压力标准(r22加氟压力是多少)

    r22加氟压力标准(r22加氟压力是多少)

  • 内存卡影响手机性能吗(内存卡影响手机速度吗)

    内存卡影响手机性能吗(内存卡影响手机速度吗)

  • 小米手环4怎么显示微信内容(小米手环4怎么设置密码)

    小米手环4怎么显示微信内容(小米手环4怎么设置密码)

  • QQ邮箱为什么登录不了(qq邮箱为什么登录崩溃)

    QQ邮箱为什么登录不了(qq邮箱为什么登录崩溃)

  • 工作流程图怎么制作(工作流程图怎么写)

    工作流程图怎么制作(工作流程图怎么写)

  • 爬虫系统研发工程师(爬虫工程师简介)

    爬虫系统研发工程师(爬虫工程师简介)

  • 民办非企业收到捐赠固定资产
  • 可回收再生资源有哪些
  • 工程结算属于什么行业
  • 短期投资有什么缺点
  • 增值税税率2019
  • 一般纳税人销售农产品增值税税率
  • 工厂筹建期间购房合法吗
  • 以前年度损益调整会计分录
  • 合并会计报表调整分录
  • 增值税当月抵扣吗
  • 营业利润为负数说明什么
  • 购买日子公司账面价值调整为公允价值
  • 网上支付的三种类型
  • 查税是按基本账户吗
  • 发票开错地方教育费附加多交了可以冲掉吗?
  • 税控技术服务费怎么做账
  • 刚成立的工业企业如何具体设计和考虑成本项目处理?
  • 应收账款的账面余额公式
  • 年终一次性奖金个税计算
  • 无法访问您可能没有权限使用资源
  • 收到增值税红字发票怎么入账
  • 软件存在的意义
  • mac废纸篓立即删除和清倒
  • 做汽车配件销售怎么找客户
  • 待摊费用从当月摊销还是下月摊销
  • incognito.exe
  • 一般经营循环资金周转量为负数
  • 公允价值变动损益借贷方向增减
  • 在Windowsserver2019环境下,配置IP地址使用
  • framework3.5怎么打开
  • 人工智能ai软件免费版app
  • php制作日历代码
  • /f命令
  • 实收资本 增加
  • 服务业加计扣除比例
  • 社保缴费基数3400
  • php sql 教程
  • 政府补贴流程
  • 收入重复开票跨年了怎么处理
  • 金蝶软件如何新增账套
  • sql条件查询语句怎么写
  • 财务报表是指的什么内容
  • 员工垫付款报销单
  • 交了社保里面的钱去哪里了
  • 装饰公司财务工作内容
  • ukey要交服务费吗
  • 实收资本为0可以运作吗?
  • 自来水公司代收污水处理费
  • 什么是限制性股票激励
  • 销售退回的会计分录 预计负债
  • 车保险说给返钱是真的吗
  • 实收资本可以大过注册资本吗
  • 电子记录表怎么填写
  • 专用发票附加税怎么算
  • 首次计提坏账准备应计入
  • 以现金支付现金股票增值权属于经营活动吗
  • 防伪税控技术维护费
  • MySql Error 1698(28000)问题的解决方法
  • linux命令实现
  • windows 10预览版
  • 设置centos时区修改时间的方法
  • win7设置在哪里设置
  • centos开机自动运行
  • mac系统怎么把文件移到文件夹
  • linux ftpd
  • windows窗口跑到了侧面
  • 获取windows的最新信息
  • linux tar -xzvf
  • javascript+
  • jqueryon事件
  • jQuery.parseHTML() 函数详解
  • jquery打开本地html
  • jQuery的ajax和遍历数组json实例代码
  • 广东省通用机打发票
  • 青海国家税务局总局官网
  • 河北税务医保缴费怎么操作
  • 航空煤油消费税征收环节
  • 诊所备案申请表在哪下载
  • 沈阳沈河区税务局待遇
  • 江西省地税局官方网站
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设