分割URL

【如何在进入页面前获取到query参数?】


如何在进入页面前获取到query参数?

1、封装函数将url地址中的query参数分割,放入对象中

2、从对象中取值

如何封装?

    var url = 'http://www.baidu.com?name=1&age=9&like=vue'
    function getQuery(str) {
        //str.split('?')  =>   ['http://www.baidu.com','name=1&age=9&like=vue']  第一次分割
        //str.split('?')[1].split('&')  =>['name=1','age=9','like=vue']          第二次分割

        let arr = str.split('?')[1].split('&')
        let obj = {}
        arr.forEach(item => {
            obj[item.split('=')[0]] = item.split('=')[1]//['name','1'] ['age','9'] ['like',vue] 第三次分割
        });
        return obj
    }
    console.log(getQuery(url));
    getQuery(url)

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值