将url的查询参数解析成字典对象

最新推荐文章于 2024-09-11 22:15:57 发布

Daisukes

最新推荐文章于 2024-09-11 22:15:57 发布

阅读量1.1k

点赞数 1

分类专栏： web

web 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

这个题目不约而同的出现在了多家公司的面试题中，当然也是因为太过于典型，解决方案无非就是拆字符或者用正则匹配来解决，我个人强烈建议用正则匹配，因为url允许用户随意输入，如果用拆字符的方式，有任何一处没有考虑到容错，就会导致整个js都报错。而正则就没有这个问题，他只匹配出正确的配对，非法的全部过滤掉，简单，方便。

实现代码：

function getQueryObject(url) {
    url = url == null ? window.location.href : url;
    var search = url.substring(url.lastIndexOf("?") + 1);
    var obj = {};
    var reg = /([^?&=]+)=([^?&=]*)/g;
    search.replace(reg, function (rs, $1, $2) {
        var name = decodeURIComponent($1);
        var val = decodeURIComponent($2);               
        val = String(val);
        obj[name] = val;
        return rs;
    });
    return obj;
}
 
getQueryObject("http://www.cnblogs.com/leee/p/4456840.html?name=1&dd=ddd**")
Object {name: "1", dd: "ddd**"}

2，将对象转化成url参数。fetch

 
 function  
 param(a) { 

 
 var  
 s = [], rbracket = /\[\]$/,

 
          
 isArray =  
 function  
 (obj) { 

 
              
 return  
 Object.prototype.toString.call(obj) ===  
 '[object Array]' 
 ; 

 
          
 }, add =  
 function  
 (k, v) { 

 
              
 v =  
 typeof  
 v ===  
 'function'  
 ? v() : v ===  
 null  
 ?  
 ''  
 : v === undefined ?  
 ''  
 : v; 

 
              
 s[s.length] = encodeURIComponent(k) +  
 '='  
 + encodeURIComponent(v); 

 
          
 }, buildParams =  
 function  
 (prefix, obj) { 

 
 var  
 i, len, key;

 
 if  
 (prefix) {

 
 if  
 (isArray(obj)) {

 
 for  
 (i = 0, len = obj.length; i < len; i++) {

 
 if  
 (rbracket.test(prefix)) {

 
                              
 add(prefix, obj[i]); 

 
                              
 buildParams(prefix +  
 '['  
 + ( 
 typeof  
 obj[i] ===  
 'object'  
 ? i :  
 '' 
 ) +  
 ']' 
 , obj[i]); 

}

}

 
                  
 }  
 else  
 if  
 (obj && String(obj) ===  
 '[object Object]' 
 ) { 

 
                      
 for  
 (key  
 in  
 obj) { 

 
                          
 buildParams(prefix +  
 '['  
 + key +  
 ']' 
 , obj[key]); 

}

 
                      
 add(prefix, obj); 

}

 
              
 }  
 else  
 if  
 (isArray(obj)) { 

 
 for  
 (i = 0, len = obj.length; i < len; i++) {

 
                      
 add(obj[i].name, obj[i].value); 

}

 
                  
 for  
 (key  
 in  
 obj) { 

 
                      
 buildParams(key, obj[key]); 

}

}

 
 return  
 s;

};

 
      
 return  
 buildParams( 
 '' 
 , a).join( 
 '&' 
 ).replace(/%20/g,  
 '+' 
 ); 

}

用到此方法　

3 $.param和上述param方法一样

decodeURIComponent($.param(defaults))
var defaults={
_c:'resource_hub_reports',
_l:3,
_log:JSON.stringify({s0:1})
}
var url = 'http://log.17zuoye.net/log?'+decodeURIComponent($.param(defaults));

来源：http://www.cnblogs.com/leee/p/5206848.html