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

qs：将url中的参数转为对象；将对象转为url参数形式

一、介绍

 1、官方文档：

https://github.com/ljharb/qs

https://github.com/ljharb/qshttps://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-日常实用篇 - 简书