JS获取GET参数
封面图
•
2025-10-19
•
JavaScript
200
0
0
0
在 JavaScript 中,可以通过 `window.location.search` 获取 URL 中的 GET 参数,然后进行解析。下面是一个常见的方法: --- ### ✅ 方法一:使用 `URLSearchParams` ```javascript // 获取当前 URL 的查询字符串部分(例如:"?id=123&name=John") const search = window.location.search; // 创建 URLSearchParams 对象 const params = new URLSearchParams(search); // 获取某个参数的值 const id = params.get('id'); // 如果 URL 是 ?id=123,则返回 "123" const name = params.get('name'); // 如果 URL 是 ?name=John,则返回 "John" console.log(id, name); ``` --- ### ✅ 方法二:手动解析 如果你不想使用 `URLSearchParams`,也可以手动解析: ```javascript function getGETParams() { const params = {}; const search = window.location.search.substring(1); // 去掉开头的 "?" const pairs = search.split('&'); for (let pair of pairs) { const [key, value] = pair.split('='); params[key] = decodeURIComponent(value || ''); } return params; } const params = getGETParams(); console.log(params.id, params.name); ``` --- ### ✅ 示例 URL 假设当前页面 URL 是: ``` https://example.com/page.html?id=123&name=John%20Doe ``` 那么上面的方法会得到: - `id = "123"` - `name = "John Doe"` --- ### 📌 注意事项 - `decodeURIComponent()` 用于解码 URL 编码的内容(如 `%20` 变成空格)。 - 如果参数不存在,`params.get('key')` 会返回 `null`。 --- 如果你需要从一个字符串中提取 GET 参数(而不是当前 URL),也可以用同样的方法: ```javascript const url = 'https://example.com/page.html?id=123&name=John'; const search = url.split('?')[1]; const params = new URLSearchParams(search); ``` --- 如有其他需求(比如处理哈希中的参数 `#`),也可以告诉我,我可以提供更详细的解决方案。
上一篇:
js中如何判断一个层是否隐藏 判断的JS语句怎么写,我是想写一个方法,判断一个层是隐藏还是显示,隐藏
下一篇:
SOCKET.IO,理解SOCKET.IO
标题录入,一次不能超过6条
留言
评论