最近在做一个单页应用，使用AngularJS来处理一些页内路由（哈希#后的路由变化）。自然会要解析URL中的参数。使用AngularJS自带的方法$location.search();可以自动将参数整理成一个对象，感觉非常方便，我们今天就来试着写一个。url嘛，可以看成一个有特定规律的字符串。第一反应是是不是可以用正则表达式和字符串操作
一个复杂的url 可能是这样的http://www.baidu.com/#/test/my?params1=a&parmas2=b&parmas2=bb&parmas2=bbb
一、字符串函数解析
我们可以借助一个字符串API split() ： http://www.w3school.com.cn/jsref/jsref_split.asp
var urlTool = {
getDomain: function(url){
var _url = url;
var domain = (_url.split('?')[0]).split('#');
if(domain){
return domain;
}else{
return '';
}
},
getParmas: function(url){
var search = {};
var _url = url;
var strParams = _url.split('?')[1];
if(!strParams){return {};}
var params = strParams.split('&');
var par_len = params.length;
for(var i_par = 0; i_par < par_len; i_par++){
var par = params[i_par].split('=');
var k = par[0],
v = par[1];
if(!search[k]){
search[k] = v;
}else{
if(search[k].length && search[k].length > 1){
//已存在是数组
search[k].push(v);
}else{
//已存在但不是数组
var old_v = search[k]
search[k] = [];
search[k].push(old_v);
search[k].push(v);
}
}
}
return search;
}
}