关于URLSearchParams使用

原创

已于 2022-10-14 22:09:07 修改 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2022-10-14 22:07:27 首次发布

本文介绍URLSearchParams接口的应用，演示了如何处理URL查询字符串，包括获取、设置、删除参数等操作，并展示了两个具体业务场景。

关于URLSearchParams使用

URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。
官网地址

var paramsString = "q=URLUtils.searchParams&topic=api"
var searchParams = new URLSearchParams(paramsString);

for (let p of searchParams) {
  console.log(p);
}

searchParams.has("topic") === true; // true
searchParams.get("topic") === "api"; // true
searchParams.getAll("topic"); // ["api"]
searchParams.get("foo") === null; // true
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"