SearchParams(URL获取参数)

 function existKey(key) {
    //1、url截取?之后的字符串(不包含?)
    var pathSearch = window.location.search.substr(1) || window.location.hash;
    if(pathSearch.indexOf('?') > -1){
      pathSearch = pathSearch.split("?")[1];
    }
    var result = [];
    //2、以&为界截取参数键值对
    var paramItems = pathSearch.split("&");
    // 3、将键值对形式的参数存入数组
    for (var i = 0; i < paramItems.length; i++) {
      var paramKey = paramItems[i].split("=")[0];
      var paramValue = paramItems[i].split("=")[1];
      result.push({
        key: paramKey,
        value: paramValue
      });
    }
    return result;
  }

  // http://www.lubansoft.com/?a=1&b=2&c=&d=xxx&e,
  // 处理后 { a:1, b:2, c:"", d:xxx, e:undefined}

  function getUrlParam(url){
    let pathSearch = url;
    if(pathSearch.indexOf('?') > -1){
      pathSearch = pathSearch.split("?")[1];
    }
    let result = {};
    let paramItems = pathSearch.split("&");
    for (let i = 0; i < paramItems.length; i++) {
      let paramKey = paramItems[i].split("=")[0];
      let paramValue = paramItems[i].split("=")[1];
      result[paramKey] = paramValue;
    }
    return result;
  }
  let urlParams = getUrlParam('http://www.lubansoft.com/?a=1&b=2&c=&d=xxx&e')
  console.log(urlParams); // { a:1, b:2, c:"", d:xxx, e:undefined}
  // JS`正则表达式`获取地址栏url参数:
  function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
    var r = window.location.search.substr(1).match(reg); // 匹配目标参数
    if (r != null) return decodeURIComponent(r[2]);
    return null; // 返回参数值
  }
  // 调用方法
  var title = getUrlParam('title’);
  // encodeURIComponent URI 组件中含有分隔符,比如 ? 和 #,则应当使用 encodeURIComponent() 方法分别对各组件进行编码
  // decodeURIComponent 进行解码
  var paramsString = "q=URLUtils.searchParams&topic=api";
  var searchParams = new URLSearchParams(paramsString);

  for (let p of searchParams) {
    console.log(p);
  }

  searchParams.has("topic") === true; // true
  searchParams.get("topic") === "api"; // true
  searchParams.getAll("topic"); // ["api"]
  searchParams.get("foo") === ""; // true
  searchParams.append("topic", "webdev");
  searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
  searchParams.set("topic", "More webdev");
  searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
  searchParams.delete("topic");
  searchParams.toString(); // "q=URLUtils.searchParams"
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值