JavaScriptのwindow.locationを使用してクエリパラメーターを取得する方法
JavaScriptでは「window.location.search」プロパティを使ってURL中のパラメータを取得できます。このプロパティは、URL中で「?」以降の部分(「?」自体も含む)を返します。たとえば、下記のURLの場合、
https://example.com/page?name=John&age=25
`下のコードを使用してパラメーターを取得できます:`
var params = window.location.search;
console.log(params); // 输出:"?name=John&age=25"
そして、パラメータを文字列操作メソッドによってオブジェクトにパースできます。以下に例を示します。
function getParams() {
var search = window.location.search;
var params = {};
if (search) {
var paramArr = search.substring(1).split('&');
paramArr.forEach(function(param) {
var keyValue = param.split('=');
var key = decodeURIComponent(keyValue[0]);
var value = decodeURIComponent(keyValue[1]);
params[key] = value;
});
}
return params;
}
var params = getParams();
console.log(params.name); // 输出:"John"
console.log(params.age); // 输出:"25"
このサンプルコードでは、URL内のパラメータを、パラメータ名がオブジェクトのプロパティ、パラメータの値がプロパティの値となるオブジェクトにパースします。この方法を使用すると、URL内のパラメータを簡単に取得して操作できます。