频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
JS获取url参数并保存在对象中的代码教程
2018-06-14 11:21:35         来源:wangbin的博客  
收藏   我要投稿

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'}
点击复制链接 与好友分享!回本站首页
上一篇:js-DOM事件之按钮绑定函数注意事项代码实例
下一篇:介绍7种js数组的基本操作
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站