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)
ගූගල් ක්‍රමය
ගූගල් කේතය ඉරා දැමීමෙන් ඔවුන් භාවිතා කරන ක්‍රමය මට හමු විය: 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
}
එය අපැහැදිලි ය, නමුත් එය තේරුම්ගත හැකි ය. සමහර විචල්යයන් නිර්වචනය කර නොමැති නිසා එය ක්රියා නොකරයි.
ඔවුන් අතර, අදාල url එක මත පරාමිතීන් සොයා ගැනීමට ආරම්භ ?ද හැෂ් සිට #. ඉන්පසු සෑම පරාමිතියක් සඳහාම ඔවුන් සමාන ලකුණකට බෙදී යයි 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"];
Regex පරීක්ෂණ කේතය
var search = window.getParameterByName("q");
var value = window.getParameterByName("value");
var undef = window.getParameterByName("undefinedstring");
වින්ඩෝස් සර්වර් 2008 R2 / 7 x64 හි ෆයර්ෆොක්ස් 4.0 x86 හි පරීක්ෂා කිරීම
- බෙදීම් ක්‍රමය : 144,780 ± 2.17% වේගවත්ම
- Regex ක්‍රමය : 13,891 ± 0.85% | 90% මන්දගාමී වේ