多种方式获取当前页面地址中的参数

lixh_man

于 2024-04-01 10:29:11 发布

阅读量338

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/lixinhua_man/article/details/137223444

版权

本文介绍了如何在代码中定义一个公共方法getQueryParam，用于从URL中提取并解码参数，同时提及了使用`URLSearchParams`处理查询字符串的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码中的公共方法

一code中

/**
 * @description 获取页面地址中的参数
 * @param {string} url(可以为空，为空即为当前页面地址)
 * @returns {object}
 */
export const getQueryParam = (url: string|null): CommonObjectType => {
	url = url === null ? window.location.href : url;
	const search = url.substring(url.lastIndexOf('?') + 1);
	const query = {};
	const reg = /([^?&=]+)=([^?&=]*)/g;
	search.replace(reg, (rs, $1, $2) => {
		const name = decodeURIComponent($1);
		let val = decodeURIComponent($2);
		val = String(val);
		query[name] = val;
		return rs;
	});
	return query;
};

二

const params = new URLSearchParams(window.location.search)
const code = params.get('code')
参数也是在对象中