如何通过js获取url地址的参数

JavaScript012

如何通过js获取url地址的参数,第1张

js可以通过以下方法获取url地址的参数:

1、比如有如下url请求:

http://zhidao.baidu.com/question/586494936989579005.html?entry=business_qb&ishq=1

2、可以用一下方法获取参数:

var params = function(str) {

function urldecode(str) {

return decodeURIComponent((str+'').replace(/\+/g, '%20'))

}

function transformToAssocArray( prmstr ) {

var params = {}

var prmarr = prmstr.split("&")

for ( var i = 0i <prmarr.lengthi++) {

var tmparr = prmarr[i].split("=")

params[tmparr[0]] = urldecode(tmparr[1])

}

return params

}

var prmstr = window.location.search.substr(1)

return prmstr != null &&prmstr != "" ? transformToAssocArray(prmstr) : {}

}()

我们在处理url的跳转时,往往会在url后面带着很多参数。有时候需要把这些参数转化成对象当作参数进行跳转或其他之用,比如angular2的 routerLink的地址是不带参数的,参数写在 queryParams里,这时候就需要对url进行处理。

当然可能还有其他地方可能会用到此类转换。

下面介绍对于url参数的几种转换方法

1.   js处理,利用split()和循环实现

结果 { a: 10 , b :2}

2.  利用querystring

     querystring是在node封装好的一个模块,有处理string的方法直接处理这种地址

这种方法可以直接进行处理

参考链接 Query String       querystring 模块的使用

3. 利用lodash处理

结果也是正确的。

不过lodash不会,所以把别人提供的方法放在这,再来在细细研究lodash

此方法已更新至文章  Lodash使用入门

参考链接   lodash文档