Front-end

js 获取URL参数 - js

2020-06-01  本文已影响0人  survivorsfyh

日常开发中经常会遇到从 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);
},

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

上一篇下一篇

猜你喜欢

热点阅读