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

JS获取url参数并保存在对象中的代码教程

程序员文章站 2022-04-25 19:54:22
js获取url参数并保存在对象中的代码教程 // 获取url参数并保存在对象中 function geturlparams() { // 假如当前的url为localhost:8...

js获取url参数并保存在对象中的代码教程

// 获取url参数并保存在对象中

function geturlparams() {
    // 假如当前的url为localhost:8080?a=1&b=2
    // location的search属性获取到 ?a=1&b=2  字符串
    let searchstr = window.location.search;
    let qs = searchstr ? searchstr.substring(1) : '';
    // 要是没有url参数,temp为空数组
    let temp = qs.length ? qs.split('&') : [];
    let len = temp.length;
    let paraobj = {};
    let item;
    for (let i = 0; i < len; i++) {
        item = temp[i].split('=');
        // 对两项进行解码再保存在对象中
        paraobj[decodeuricomponent(item[0])] = decodeuricomponent(item[1]);
    }
    return paraobj;
}
let paraobj = geturlparams();
console.log(paraobj) // {a:'1',b:'2'}