JS-获取URL问号后面参数

实现思路:
先找出?和#的索引,获取?和#后面值,再对问号(或者#)后面详细的值进行处理。
看下面例子:

let url = 'http://lss.lss.com?name=lss&age=22#lss';
let url = 'http://lss.lss.com?name=lss&age=22#lss';
        let qIndex = url.indexOf('?');
        let Jindex = url.indexOf('#');
        let qtext = url.substring(qIndex + 1, Jindex);
        let Jtext = url.substring(Jindex);
        console.log(qtext, Jtext)

在这里插入图片描述
这时已经拿到?和#后面的值,开始分割

qarr = qtext.split('&')

在这里插入图片描述

        let obj = {};
        obj['HASH'] = Jtext;
        qarr.forEach(item => {
            qarrme = item.split('=');
            obj[qarrme[0]] = qarrme[1]
        })
        console.log(obj)

在这里插入图片描述

封装函数:(因为一个地址可能有?也可能没有,可能有#也可能没有#)

		// 封装函数queryURLParams
        // @params:url
        // @return:参数
        function queryURLParams(url) {
            let askIn = url.indexOf('?'),
                wellIn = url.indexOf('#'),
                askText = '',
                wellText = '';
            // #不存在
            wellIn === -1 ? wellIn = url.length : null;
            // ?存在
            askIn >= 0 ? askText = url.substring(askIn + 1, wellIn) : null;
            wellText = url.substring(wellIn + 1);
            let result = {};
            wellText !== '' ? result['HASH'] = wellText : null;
            if (askText !== "") {
                let ary = askText.split('&');
                ary.forEach(item => {
                    let aryText = item.split('=');
                    result[aryText[0]] = aryText[1];
                })
            }
            return result;
        }
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值