获取 URL 参数, 拼装 URL 参数

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

获取 URL 参数

const url = 'http://xxx.com?id=123&name=hello&age=18';

const search = window.location.search; // ?id=123&name=hello&age=18

const urlSearchParams = new URLSearchParams(url | search)

const paramsMap = new Map([...urlSearchParams])

paramsMap.get('id'); // 123

paramsMap.get('name'); // hello

拼装 URL 参数

const params = { id: 321, name: 'world', age: 20 };

const urlParams = new URLSearchParams(params).toString(); // 'id=321&name=world&age=20'

参考:https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

posted @ 2022-02-24 11:38  W-it-H-ou-T  阅读(132)  评论(0编辑  收藏  举报