html如何get请求参数传递数组,get请求如何传递数组参数

古城微笑少年丶 2022-10-09 00:51 335阅读 0赞

问题

当我们需要通过get方式传递一个数组作为参数 tag:\[1,2,3,4\]

解决方案

01. 自己处理

// 编辑-(批量)移除测试用例

const delTestCaseUrl = '/htsy-integrated/test-plan/case-del'

axios.get(delTestCaseUrl, \{

params: \{

planDetailId：this.planDetailId

\},

// 序列化数组

paramsSerializer: function(params) \{

const keys= params.keys.map(\_=>\`keys=$\{\_\}\`).join('&');

return \`$\{keys\}\` ;

\}

\}).then((res)=>\{

//成功后的处理

\});

02. qs插件

1、qs.stringify(\{ a: \['b', 'c'\] \}, \{ arrayFormat: 'indices' \})

// 输出结果：'a\[0\]=b&a\[1\]=c'

2、qs.stringify(\{ a: \['b', 'c'\] \}, \{ arrayFormat: 'brackets' \})

// 输出结果：'a\[\]=b&a\[\]=c'

3、qs.stringify(\{ a: \['b', 'c'\] \}, \{ arrayFormat: 'repeat' \})

// 输出结果：'a=b&a=c'

4、qs.stringify(\{ a: \['b', 'c'\] \}, \{ arrayFormat: 'comma' \})

// 输出结果：'a=b,c'

03. axios配置

axios.interceptors.request.use(async (config) => \{

//只针对get方式进行序列化

if (config.method === 'get') \{

config.paramsSerializer = function(params) \{

return qs.stringify(params, \{ arrayFormat: 'repeat' \})

\}

\}

\}

04. 小程序

let urlQueryString = qs.stringify(options.params, \{ //使用到qs ,先下载，后引入

addQueryPrefix: true,

allowDots: true,

arrayFormat: 'repeat'

\});

myUrl += urlQueryString;

05. 自定义利用字符串原理(虽然随便但这种感觉最方便~~)

// 这里注意使用+''将参数转换成了字符串,实际上就是把arr变成了字符串传出去

const params = \{

arr: \[1,2,3,4\] + '',

list: \[1,2,3,4\]+ ''

\}

一般用vue，所以用第一种和最后一种比较多，哈哈~~

发表评论取消回复

表情：

评论列表（有 0 条评论，335人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 中 get / delete 传递数组参数方法

在前后端交互的时候，有时候需要通过 get 或者 delete 传递一个数组给后台，但是这样直接传递后台无法接收数据，因为在传递的过程中数组参数会被转译，结果如下： > 参数

我会带着你远行/ 2022年11月11日 05:53/ 0 赞/ 116 阅读

相关 SpringBoot 的 Get 方法传递数组参数

如题，这个功能点比较少见，但是也确实存在，这里记录一下。只需要改一下传参的声明：变量改成数组变量。 @GetMapping("/test") public

我不是女神ヾ/ 2022年10月20日 01:17/ 0 赞/ 190 阅读

相关 PHP通过GET方法参数为数组请求

http://xthk.cn/api/getFilters?city_ids[0]=11&city_ids[1]=22&city_ids[2]=33 city

「爱情、让人受尽委屈。」/ 2022年10月09日 12:25/ 0 赞/ 116 阅读

相关 html如何get请求参数传递数组,get请求如何传递数组参数

问题当我们需要通过get方式传递一个数组作为参数 tag:\[1,2,3,4\] 解决方案 01. 自己处理 // 编辑-(批量)移除测试用例 const delT

古城微笑少年丶/ 2022年10月09日 00:51/ 0 赞/ 336 阅读

相关【PHP学习】—get请求传递参数（五）

【PHP学习】—get请求传递参数（五）一、浏览器的访问方式：(增删改查) get：请求访问内容 (查询) post：添加数据(增加) put:(修

布满荆棘的人生/ 2022年10月08日 11:20/ 0 赞/ 158 阅读

相关 mvc ajax传递数组参数,如何将数组作为参数传递给MVC控制器

我想把一个数组和一个Id传递给控制器，但是我尝试过的每个方法都给出了NULL/0值。有人能帮我一下我的代码里缺了什么吗？下面是我的JS代码:addedParticula

古城微笑少年丶/ 2022年09月03日 07:24/ 0 赞/ 136 阅读

相关【Express】—get传递参数

【Express】—get传递参数 var express = require('express'); var app = express();

冷不防/ 2022年08月29日 09:49/ 0 赞/ 129 阅读

相关 form表单 get请求参数传递问题

今天在使用form表单用get请求时,发现后台无法接受到url ?后面传递过来的参数, 开始一直以为是我的参数名称有误,后面发现并不是,后台使用实体映射接受或者request

末蓝、/ 2022年05月25日 10:06/ 0 赞/ 180 阅读

相关 C# WebApi Get请求方式传递实体参数

我又搞回笃NET啦！java之路真是命运多舛，好事多磨。不过，也许我已经进入无招胜有招，博取众家之长、融会贯通的地步了。对于WebApi，今天又有了一些新的了解。话说，

蔚落/ 2022年02月21日 09:47/ 0 赞/ 424 阅读

相关 Spring boot中Get请求中Date参数的传递

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] 问题想要在Get请求中，传递Date参数，如下： @GetMappi

墨蓝/ 2022年01月15日 10:03/ 0 赞/ 1191 阅读