ES2015 (ES6)
getQueryStringParams = query => {
return query
? (/^[?#]/.test(query) ? query.slice(1) : query)
.split('&')
.reduce((params, param) => {
let [key, value] = param.split('=');
params[key] = value ? decodeURIComponent(value.replace(/\+/g, ' ')) : '';
return params;
}, {}
)
: {}
};
बिना jQuery के
var qs = (function(a) {
if (a == "") return {};
var b = {};
for (var i = 0; i < a.length; ++i)
{
var p=a[i].split('=', 2);
if (p.length == 1)
b[p[0]] = "";
else
b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
}
return b;
})(window.location.search.substr(1).split('&'));
जैसे URL के साथ ?topic=123&name=query+string, निम्नलिखित वापस आएगा:
qs["topic"]; // 123
qs["name"]; // query string
qs["nothere"]; // undefined (object)
Google विधि
Google के कोड को फाड़ते हुए मुझे उनकी विधि का पता चला: getUrlParameters
function (b) {
var c = typeof b === "undefined";
if (a !== h && c) return a;
for (var d = {}, b = b || k[B][vb], e = b[p]("?"), f = b[p]("#"), b = (f === -1 ? b[Ya](e + 1) : [b[Ya](e + 1, f - e - 1), "&", b[Ya](f + 1)][K](""))[z]("&"), e = i.dd ? ia : unescape, f = 0, g = b[w]; f < g; ++f) {
var l = b[f][p]("=");
if (l !== -1) {
var q = b[f][I](0, l),
l = b[f][I](l + 1),
l = l[Ca](/\+/g, " ");
try {
d[q] = e(l)
} catch (A) {}
}
}
c && (a = d);
return d
}
यह बाधित है, लेकिन यह समझ में आता है। यह काम नहीं करता है क्योंकि कुछ चर अपरिभाषित हैं।
वे यूआरएल से मापदंडों की तलाश शुरू करते हैं ? और हैश से भी# । फिर प्रत्येक पैरामीटर के लिए वे समान चिह्न में विभाजित होते हैं b[f][p]("=")(जो दिखता है indexOf, वे कुंजी / मूल्य प्राप्त करने के लिए चार की स्थिति का उपयोग करते हैं)। विभाजित होने के बाद, वे जाँचते हैं कि पैरामीटर का कोई मान है या नहीं, अगर ऐसा है तो वे मान को संग्रहीत करते हैं d, अन्यथा वे जारी रखते हैं।
अंत में वस्तु dको वापस लौटा दिया जाता है, बचकर निकल जाता है और +हस्ताक्षर हो जाता है। यह वस्तु मेरे जैसी ही है, इसका व्यवहार भी ऐसा ही है।
मेरी विधि ए के रूप में jQuery प्लगइन के
(function($) {
$.QueryString = (function(paramsArray) {
let params = {};
for (let i = 0; i < paramsArray.length; ++i)
{
let param = paramsArray[i]
.split('=', 2);
if (param.length !== 2)
continue;
params[param[0]] = decodeURIComponent(param[1].replace(/\+/g, " "));
}
return params;
})(window.location.search.substr(1).split('&'))
})(jQuery);
प्रयोग
//Get a param
$.QueryString.param
//-or-
$.QueryString["param"]
//This outputs something like...
//"val"
//Get all params as object
$.QueryString
//This outputs something like...
//Object { param: "val", param2: "val" }
//Set a param (only in the $.QueryString object, doesn't affect the browser's querystring)
$.QueryString.param = "newvalue"
//This doesn't output anything, it just updates the $.QueryString object
//Convert object into string suitable for url a querystring (Requires jQuery)
$.param($.QueryString)
//This outputs something like...
//"param=newvalue¶m2=val"
//Update the url/querystring in the browser's location bar with the $.QueryString object
history.replaceState({}, '', "?" + $.param($.QueryString));
//-or-
history.pushState({}, '', "?" + $.param($.QueryString));
तैयारी कोड: विधियाँ घोषणा
स्प्लिट टेस्ट कोड
var qs = window.GetQueryString(query);
var search = qs["q"];
var value = qs["value"];
var undef = qs["undefinedstring"];
रेगेक्स टेस्ट कोड
var search = window.getParameterByName("q");
var value = window.getParameterByName("value");
var undef = window.getParameterByName("undefinedstring");
Windows Server 2008 R2 / 7 x64 पर फ़ायरफ़ॉक्स 4.0 x86 में परीक्षण
- विभाजन की विधि : 144,780 17 2.17% सबसे तेज
- रेगेक्स विधि : 13,891 13 0.85% | 90% धीमा