获取url ？后得查询参数 new URLSearchParams()

最新推荐文章于 2024-07-31 19:58:29 发布

原创最新推荐文章于 2024-07-31 19:58:29 发布 · 395 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #servlet

开发得时候会遇到要获取地址栏中得 url ？后得参数如果单纯得用截取一类得API 太过麻烦怎么让操作变得简单那

new URLSearchParams()

URL https://example.org/?q=URLUtils.searchParams&topic=api

var p = window.location.href.split("?")[1];
const searchParams = new URLSearchParams(p);

//是否含有这个参数
searchParams.has("topic") === true; // true
//获取这个参数  常用
searchParams.get("topic") === "api"; // true
//将路径中同名得值 获取到 并返回数组
searchParams.getAll("topic"); // ["api"]

searchParams.append("topic", "webdev");

searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"

searchParams.set("topic", "More webdev");

searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"

searchParams.delete("topic");

searchParams.toString(); // "q=URLUtils.searchParams"