qs的使用-qs.parse解析的详细用法

安装 npm install qs

引入 import qs from ‘qs’

 

qs.parse  将字符串解析成对象的形式，

注意：如果要解析url的参数，则需要去掉第一位的 ‘？’

实例： 现在百度中搜索 nab ，可以得到 链接 ‘https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=nba&rsv_pq=b7f5cf6300004508&rsv_t=7920K8mLE4PCvFgViFm8n6reZBRIsR8xkF%2FxtnANTjER9kVjrVMP%2F9OWMy0&rqlang=cn&rsv_enter=1&rsv_sug3=4&rsv_sug1=4&rsv_sug7=101&rsv_sug2=0&inputT=885&rsv_sug4=1786’； 我们以这个链接为例进行演示；

可以知道 window.location.search为 "?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=nba&rsv_pq=b7f5cf6300004508&rsv_t=7920K8mLE4PCvFgViFm8n6reZBRIsR8xkF%2FxtnANTjER9kVjrVMP%2F9OWMy0&rqlang=cn&rsv_enter=1&rsv_sug3=4&rsv_sug1=4&rsv_sug7=101&rsv_sug2=0&inputT=885&rsv_sug4=1786"

var str = window.location.search;
var obj = qs.parse(str);
console.log(obj);
 

打印信息如下： 

注意此处的 ‘?ie’,所以在解析之前需要去掉第一位的？ 写法如下：  qs.parse(window.location.search.substr(1))，即可正常解析出url，

var str = window.location.search;
var obj = qs.parse(str.substr(1));
console.log(obj);

打印信息如下：

 

这样成功的解析出url，通过对象的形式获取相应的参数即可；

 

一般用于页面跳转传参情况下；