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('&'));
মত ইউআরএল ?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
}
এটি অবরুদ্ধ, তবে এটি বোধগম্য। এটি কার্যকর হয় না কারণ কিছু ভেরিয়েবল অপরিজ্ঞাত।
তারা ইউএসএল থেকে ?এবং হ্যাশ থেকেও পরামিতিগুলি সন্ধান করতে শুরু করে #। তারপরে প্রতিটি প্যারামিটারের জন্য তারা সমান চিহ্নে বিভক্ত হয় 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");
উইন্ডোজ সার্ভার ২০০৮ R2 / 7 x64 এ ফায়ারফক্স 4.0 x86 এ পরীক্ষা করা
- বিভক্ত পদ্ধতি : 144,780 ± 2.17% দ্রুততম
- রেজেক্স পদ্ধতি : 13,891 ± 0.85% | 90% ধীর