获取url中的参数并以对象的形式展示出来

时间:2022-12-04 20:24:25

速记:获取url中的参数并以对象的形式展示出来

function getUrlData(){
    let url=window.location.search;//url中?之后的部分
    console.log('url....'+url)
    url=url.substring(1);//去掉?剩下的都为a=b&c=d&e=f...模式
    console.log('去掉?....'+url)
    let dataObj={};
    if(url.indexOf('&')>-1){
        url=url.split('&');//url中去掉&全部变成“a=b” “c=d” “e=f”的模式
        console.log('去掉&的url...'+url)
        for(let i=0;i<url.length;i++){
            let arr=url[i].split("=");
            console.log("以=分割的代码...."+arr)
            dataObj[arr[0]]=arr[1];
            console.log("dataObj..."+dataObj);
        }

    }else{
        url=url.split("=");
        dataObj[url[0]]=url[1];
    }
    return dataObj;
}
getUrlData()