📅  最后修改于: 2023-12-03 15:05:46.483000             🧑  作者: Mango
当我们浏览网页时,常常会看到网址(又称URL)后跟着一连串的参数信息,例如:
http://www.example.com/search?q=JavaScript&source=web&ie=UTF-8
这里的参数信息包括了搜索关键字、来源和编码方式等内容。当我们需要从 URL 中获取这些参数信息时,就可以使用 URLSearchParams
API。
URLSearchParams
API 可以解析 URL 中的查询参数,并将其转换为具有一些实用方法的对象。这些方法包括:获取某个参数值、获取所有参数名、追加或替换现有参数,甚至可以使用 toString()
方法将其转换为 URL 查询字符串。
以下代码是使用 URLSearchParams
获取上述 URL 中的所有参数并打印出来:
const params = new URLSearchParams('q=JavaScript&source=web&ie=UTF-8');
console.log(params.getAll('q')); // ['JavaScript']
console.log(params.get('source')); // 'web'
console.log(params.toString()); // 'q=JavaScript&source=web&ie=UTF-8'
除了手动创建 URLSearchParams
对象外,我们也可以使用 new URL(url).search
来快速获取 URL 中的参数信息,然后用 URLSearchParams
进行解析。
以下代码展示了如何使用 new URL(url).search
和 URLSearchParams
获取 URL 中的参数:
const url = 'http://www.example.com/search?q=JavaScript&source=web&ie=UTF-8';
const params = new URLSearchParams(new URL(url).search);
console.log(params.getAll('q')); // ['JavaScript']
console.log(params.get('source')); // 'web'
console.log(params.toString()); // 'q=JavaScript&source=web&ie=UTF-8'
在开发 Web 应用程序时,使用 URLSearchParams(new URL(url).search)
可以大大简化解析 URL 参数的过程,从而提高开发效率。