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

jQuery 解析 url 参数

时间:2017-12-26 14:24:42      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:cat   如何使用   oca   sep   处理   split   uri   body   ram   

应用场景:

三毛:我现在拿到一个 url 地址(https://www.google.com/search?dcr=0&ei=5C&q=param),我现在要获取 location.search 后的参数,并组成一个对象,{dcr: 0, ej: 5C, q: param},怎么处理?

五毛:呃,稍等,我去谷歌一下

 

谷歌结果:

// 解析 url 参数
(function($) {
    var re = /([^&=]+)=?([^&]*)/g,
        decodeRE = /\+/g,
        decode = function (str) { return decodeURIComponent( str.replace(decodeRE, " ") ); };

    $.parseParams = function(query) {
        let params = {}, e;

        while ( e = re.exec(query) ) params[ decode(e[1]) ] = decode( e[2] );
        return params;
    };
})(jQuery);

 

如何使用:

$.parseParams(location.href.split(‘?‘)[1] || ‘‘);

 

 

举个栗子:

var url = ‘https://www.google.com/search?dcr=0&ei=5C&q=param‘, // 模拟的 url 地址
    param = $.parseParams(url.split(‘?‘)[1] || ‘‘); // 解析问号后的 url 参数
console.log(param); // {dcr: "0", ei: "5C", q: "param"}

 

jQuery 解析 url 参数

标签:cat   如何使用   oca   sep   处理   split   uri   body   ram   

原文地址:https://www.cnblogs.com/lpbottle/p/8117371.html

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