react中qs是一个npm仓库所管理的包,一个增加了一些安全性的查询字符串解析和序列化字符串的库,可通过【npm install qs】命令进行安装。
本教程操作环境:windows7系统、React17版,该方法适用于所有品牌电脑。
react中qs:
qs是一个npm仓库所管理的包,一个增加了一些安全性的查询字符串解析和序列化字符串的库。可通过npm install qs命令进行安装。
react使用qs:
1、qs.parse()将URL解析成对象的形式
1
2
3
4
import Qs from 'qs';
let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';
Qs.parse(url);
console.log(Qs.parse(url));
输出结果
1
2
3
4
5
{
method:'query_sql_dataset_data',
projectId:'85',
appToken:'7d22e38e-5717-11e7-907b-a6006ad3dba0'
}
2、qs.stringify()将对象序列化成URL的形式,以&进行拼接(可用于发送查询条件)
1
2
3
4
5
6
7
8
9
import Qs from 'qs';
let obj= {
method: "query_sql_dataset_data",
projectId: "85",
appToken: "7d22e38e-5717-11e7-907b-a6006ad3dba0",
datasetId: " 12564701"
};
Qs.stringify(obj);
console.log(Qs.stringify(obj));
输出的是:
1
method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0&datasetId=%12564701
在这里需要注意的是,JSON中同样存在stringify方法,但是两者之间的区别是很明显的,如下所示:
1
2
{"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"}
uid=cs11&pwd=000000als&username=cs11&password=000000als
如上所示,前者是采用JSON.stringify(param)进行处理,后者是采用Qs.stringify(param)进行处理的。
相关免费学习推荐:javascript(视频)
相关文章
- 02-11R01 - 010、简述 HBASE 中 compact 用途是什么,什么时候触发,分为哪两种,有什么区别,有哪些相关配置参数?
- 02-11Python中的迭代是什么意思?
- 02-11Python中可迭代对象是什么?
- 02-11MLA引用格式中的英文书名格式是什么样的?
- 02-11KB,Kb单位换算,网络带宽中的Kbps和KB/s到底是什么意思? (注:B和b的区别)
- 02-11关于vue和react中axios请求的拦截和响应拦截
- 02-11如何在lmfit最小二乘最小化中包含我的数据错误,以及lmfit中conf_interval2d函数的这个错误是什么?
- 02-11SET ANSI_NULLS ON 在T-SQL中是什么意思
- 02-11Python中pandas是什么?数据结构介绍!
- 02-11react中内联样式的z-index不起作用.