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

最新推荐文章于 2023-10-19 21:06:36 发布

wangbinXMU

最新推荐文章于 2023-10-19 21:06:36 发布

阅读量1.8k

点赞数

分类专栏： ES6 javascript 前端文章标签：前端 Javascript

本文链接：https://blog.csdn.net/wangbinXMU/article/details/80673013

版权

前端同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

javascript

7 篇文章 0 订阅

订阅专栏

ES6

3 篇文章 0 订阅

订阅专栏

// 获取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'}