如何在 JavaScript 中获取查询字符串参数值
答案:使用 URL API
您可以简单地使用 URL API 从 JavaScript 中的查询字符串(也称为 GET 参数或 URL 参数)中获取参数值。 所有主要的现代浏览器都支持 URL API。
假设我们有一个带有查询字符串或 GET 参数的 URL,如下所示:
https://www.example.com/page.html?name=john-clark&age=24
现在让我们看看如何从上面的 URL 中检索 name 和 age 参数值。 要获取整个 URL,您可以使用 window.location.href
属性 .
示例
/* Sample URL */
var urlString = "https://www.example.com/page.html?name=john-clark&age=24";
/* 为给定的 URL 创建 URL 对象 */
var url = new URL(urlString);
/* 检索查询字符串值 */
var name = url.searchParams.get("name");
console.log(name); /* Prints: john-clark */
var age = url.searchParams.get("age");
console.log(age); /* Prints: 24
*/
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答: