获取url参数
URI: Uniform ResourceIdentifiers即通用资源标识符。
有效的URI中不能包含某些字符(例如空格),URI编码方法就可以对URI进行编码(UTF-8编码), Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码(encodeURI()不会对本身属于URI的特殊字符进行编码,例如冒号、正斜杠、问号和井字号,所以它主要用于整个URI,而encodeURIComponent()则会对它发现的任何非标准字符进行编码,主要用于对URI中的某一段进行编码);
URLSearchParams()
构造函数是浏览器提供的一个API
接口可以帮我们查询URL
字符串;URLSearchParams()
构造器创建并返回一个新的URLSearchParams
对象。开头的'?'
字符会被忽略;Object.entries()
获取对象的键名和键值,每一对键名和键值组成新的数组;Object.fromEntries()
方法使用二维数组形式创建对象,把键值对列表转换为一个对象,这个方法是和Object.entries()
相对的;decodeURIComponent()
函数可把字符串作为URI
组件进行解码;
const urlSearchParams = new URLSearchParams(window.location.search)
const params = Object.fromEntries(urlSearchParams.entries())
function getParams(url) {
const res = {}
if(url.includes('?')) {
const str = url.split('?')[1]
const arr = str.split('&')
arr.forEach(item => {
const key = item.split('=')[0]
const value = item.split('=')[1]
res[key] = decodeURIComponent(value)
})
}
return res
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· 单线程的Redis速度为什么快?
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码