码迷,mamicode.com
首页 > Web开发 > 详细

url 解析

时间:2014-12-12 16:24:22      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   使用   sp   for   

最近在做一个单页应用,使用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

 1     var urlTool = {
 2         getDomain: function(url){
 3             var _url = url;
 4             var domain = (_url.split(‘?‘)[0]).split(‘#‘);
 5             if(domain){
 6                 return domain;
 7             }else{
 8                 return ‘‘;
 9             }
10         },
11         getParmas: function(url){
12             var search = {};
13             var _url = url;
14             var strParams = _url.split(‘?‘)[1];
15             if(!strParams){return {};}
16             var params = strParams.split(‘&‘);
17             var par_len = params.length;
18             for(var i_par = 0; i_par < par_len; i_par++){
19                 var par = params[i_par].split(‘=‘);
20                 var k = par[0],
21                     v = par[1];
22                 if(!search[k]){
23                     search[k] = v;
24                 }else{
25                     if(search[k].length && search[k].length > 1){
26                         //已存在是数组
27                         search[k].push(v);
28                     }else{
29                         //已存在但不是数组
30                         var old_v = search[k]
31                         search[k] = [];
32                         search[k].push(old_v);
33                         search[k].push(v);
34                     }
35                 }
36             }
37             return search;
38         }
39     }

 

url 解析

标签:style   blog   http   io   ar   color   使用   sp   for   

原文地址:http://www.cnblogs.com/webARM/p/4159803.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!