Url参数处理方法(js,querystring,lodash)

JavaScript036

Url参数处理方法(js,querystring,lodash),第1张

我们在处理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文档

简单版,拷贝运行

================================

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

<title>link 过滤</title>

<script language="javascript1.2" type="text/javascript">

<!--

function mylink(obj){

alert(obj.href)

//obj.href 已经得到a 的 href了 这个时候你想对href 干嘛就干嘛喽

this.blur()

return false

}

-->

</script>

</head>

<body>

<a href="http://w/s/index.html?id=123" id="no_j_link_test" onClick="return mylink(this)">没有用Jquery链接</a>

</body>

</html>

========================================================

是在本页面获取呢 还是在目标页面获取呢

老兄 JQuery

你用过没有呢 、:?

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

<title>用JQuery做 link 过滤</title>

<script language="javascript" type="text/javascript" src="jquery-1.2.6.pack.js"></script>

<script language="javascript1.2" type="text/javascript">

<!--

function test(){

$("#link_test").click(function(){

alert(this.href)

this.blur()

return false

})

}

-->

</script>

</head>

<body onLoad="test()">

<a href="http://w/s/index.html?id=123" id="link_test">链接</a>

</body>

</html>