1. 程式人生 > >jQuery 解析 url 參數

jQuery 解析 url 參數

應用場景 return str urn cti nbsp jquer tro href

應用場景:

三毛:我現在拿到一個 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 參數