qs.stringify 使用arrayFormat属性 + allowDots的数据处理 - 附示例

2024-01-01 08:34:00

qs:将url中的参数转为对象;将对象转为url参数形式

一、介绍

?1、官方文档:

https://github.com/ljharb/qs

https://github.com/ljharb/qsicon-default.png?t=N7T8https://github.com/ljharb/qs

?二、准备工作

1、安装依赖包

npm install qs --save

?2、示例版本?

"qs": "^6.11.0",

三、使用步骤

1、在单页面引入 ' echarts '

import qs from 'qs';

2、使用 - 这里是在数据请求处理时使用的

qs.stringify(params, { arrayFormat: 'indices', allowDots: true });

四、arrayFormat

1、参数格式

    sorts: [

? ? ? {

? ? ? ? name: 'sortOrder',

? ? ? ? order: 'asc',

? ? ? },

? ? ],

2、属性

arrayFormat四个属性分别为 indices、brackets、repeat、comma,默认值indices

3、示例 - 这里的请求结果是以我需要的数据格式举例的,大家可根据自己的实际情况选择(根据后端需要的数据格式)

? ? ?

代码为qs.stringify(params, { arrayFormat: 'indices'});

1、indices??

2、repeat??

3、brackets

4、comma

代码为qs.stringify(params, { arrayFormat: 'indices', allowDots: true });

1、brackets?去除下标

2、indices?[下标].属性

3、repeat?.属性

4、comma?对象数组化

tip

1、根据后端格式选择不同arrayFormat属性

拓展

qs-日常实用篇 - 简书

文章来源:https://blog.csdn.net/m0_48968874/article/details/135220171
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。