封装一个获取url中的数据的方法

最新推荐文章于 2024-09-17 11:42:54 发布

xuxiao_401x

最新推荐文章于 2024-09-17 11:42:54 发布

阅读量159

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/xuxiao_401x/article/details/125625922

版权

//法一：
function convertSearchParamToObject(path){
    let object = {}
    try{
        let url = new URL(path)
        //console.log(url)
        let searchParams = url.serchParams
        for(let item of searchParams){
            let propertyName = item[0]
            let propertyValue = item[1]
            //console.log(propertyName,propertyValue)
            if(isNaN(propertyValue)){
                object[propertyName] = propertyValue
            }else{
                //改成unmber类型                
                object[propertyName] = +propertyValue
            }
        }
    }catch(error){
    console.log(error)
    }
    return object
}

//eg 
id:converSearchParamToObject(location.href).id

URL 接口的 searchParams 属性返回一个 URLSearchParams 对象，这个对象包含当前 URL 中解码后的 GET 查询参数。