欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

获取页面url中的参数

程序员文章站 2024-02-18 18:30:16
...

页面间传参大部分都会通过在url上传递参数来实现,为了便于获取url上的参数,写了个方法:

function getUrlData(){
    let url = window.location.search;  //url中?之后的部分
    url = url.substring(1);    //去掉?
    let dataObj = {};
    if(url.indexOf('&')>-1){
        url = url.split('&');
        for(let i=0; i<url.length; i++){
            let arr = url[i].split('=');
            dataObj[arr[0]] = arr[1];
        }
    }else{
        url = url.split('=');
        dataObj[url[0]]= url[1];
    }
    return dataObj;
}

getUrlData方法返回的是一个json,例如:

// localhost:8080/demo.html&id=123?status=5
getUrlData();
//输出结果为:
{
	'id':123,
	'status':5
}