获取 URL 参数是前端开发中经常用到的操作,下面是使用 JavaScript 和 jQuery 获取 URL 参数的示例代码及详细说明。
JavaScript 获取 URL 参数
1. 使用 split 方法和正则表达式分隔字符串
JavaScript 中可以使用 split 方法和正则表达式来截断字符串,然后将获取到的参数与对应的值存储在一个对象中。示例代码如下:
function getParams(str) {
let params = {};
let searchParams = str.split('?')[1];
if (!searchParams) return params;
searchParams.split('&').forEach(param => {
let [key, value] = param.split('=');
params[key] = value;
});
return params;
}
let urlParams = getParams(window.location.search);
console.log(urlParams); //输出URL参数和值的对象
2. 使用 URLSearchParams API
JavaScript 提供了一个名为 URLSearchParams 的 API,可以直接获取并解析 URL 搜索参数。示例代码如下:
let searchParams = new URLSearchParams(window.location.search);
let urlParams = Object.fromEntries(searchParams.entries());
console.log(urlParams); //输出URL参数和值的对象
jQuery 获取 URL 参数
在 jQuery 中可以使用 $.param()
方法将URL字符串转换为对象,然后通过遍历获取到的对象,将参数和对应的值存储在一个新的对象中。示例代码如下:
function getParams(url) {
let params = {};
let searchParams = decodeURIComponent(url).split('?')[1];
if (!searchParams) return params;
$.each($.param.querystring(searchParams), function(key, value) {
params[key] = value;
});
return params;
}
let urlParams = getParams(window.location.search);
console.log(urlParams); //输出URL参数和值的对象
另外,如果你想直接获取当前页面 URL 的参数,可以使用 $.query.get()
方法。示例代码如下:
let urlParams = $.query.get();
console.log(urlParams); //输出URL参数和值的对象
以上是 JavaScript 和 jQuery 获取 URL 参数的示例代码和方法,可以根据实际需求选择使用。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Js+Jq获取URL参数的集中方法示例代码 - Python技术站