美文网首页Front-end
js 获取URL参数 - js

js 获取URL参数 - js

作者: survivorsfyh | 来源:发表于2020-06-01 15:52 被阅读0次

    日常开发中经常会遇到从 url 中获取参数的情况出现,如下 code 进行简易的封装便于调用;

    getUrlPrmt(url) {
        /**
        * 获取URL参数
        * @param url 地址
        * @returns 例:getUrlPrmt("http://www.baidu.com?id=1&nam=张三&uid=12345654321&type=1,2,3"),结果{id: "1", nam: "张三", uid: "12345654321", type: "1,2,3"}
        */
        url = url ? url : window.location.href;
        let _pa = url.substring(url.indexOf('?') + 1), _arrS = _pa.split('&'), _rs = {};
        for (let i = 0, _len = _arrS.length;
          i < _len;
          i++) {
        let pos = _arrS[ i ].indexOf('=');
        if (pos == -1) {
          continue;
        }
          let name = _arrS[ i ].substring(0, pos), value = window.decodeURIComponent(_arrS[ i ].substring(pos + 1));
          _rs[ name ] = value;
        }
        return _rs;
    },
    getQueryVariable(variable) {
        /*
        * 获取URL中的参数
        * 调用 getQueryVariable("id") 即返回 url 中的 id 字段
        * */
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0;
          i < vars.length;
          i++) {
          var pair = vars[ i ].split("=");
          if (pair[ 0 ] == variable) {
            return pair[ 1 ];
          }
        }
        return (false);
    },
    

    以上便是此次分享的全部内容,希望能对大家有所帮助!

    相关文章

      网友评论

        本文标题:js 获取URL参数 - js

        本文链接:https://www.haomeiwen.com/subject/tyhszhtx.html