react 使用qs

qs是一个npm仓库所管理的包

1.qs.parse()将URL解析成对象的形式

1 import  Qs from 'qs';
2 let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';
3 Qs.parse(url);
4 console.log(Qs.parse(url));

输出结果

1 {
2     method:'query_sql_dataset_data',
3     projectId:'85',
4     appToken:'7d22e38e-5717-11e7-907b-a6006ad3dba0'
5 }

2.qs.stringify()将对象序列化成URL的形式,以&进行拼接(可用于发送查询条件)

1 import  Qs from 'qs';
2 let obj= {
3      method: "query_sql_dataset_data",
4      projectId: "85",
5      appToken: "7d22e38e-5717-11e7-907b-a6006ad3dba0",
6      datasetId: " 12564701"
7    };
8 Qs.stringify(obj);
9 console.log(Qs.stringify(obj));

输出的是:

method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0&datasetId=%12564701

在这里需要注意的是,JSON中同样存在stringify方法,但是两者之间的区别是很明显的,如下所示:

1 {"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"}
2 uid=cs11&pwd=000000als&username=cs11&password=000000als

 如上所示,前者是采用JSON.stringify(param)进行处理,后者是采用Qs.stringify(param)进行处理的。

本文链接:https://blog.csdn.net/gao_xu_520/article/details/82347274

posted @ 2019-09-16 16:56  James_23  阅读(3526)  评论(0编辑  收藏  举报