美文网首页
获取url中的参数

获取url中的参数

作者: 一名有马甲线的程序媛 | 来源:发表于2019-08-01 11:52 被阅读0次

js:

/**
* 获取浏览器地址栏参数
* @param {Bol} all 默认为false,all和name选填,若为all url中参数以对象形式输出;若为name 则只输出该name对应的参数值
* @param {String} name 需要获取的参数名称
* @param {String} url 需要获取的URL地址(必选)
*/
const getQuery = function ({ all, name, url }) {
  if (all) {
    let urlArr = url.split('?')[1].split('&');
    let queryList = {};
    urlArr.forEach(cols => {
      queryList[cols.split('=')[0]] = cols.split('=')[1];
    });
    return queryList;
  } else {
    let u = url || location.search;
    let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
    let r = u.substr(u.indexOf('?') + 1).match(reg);
    return r != null ? r[2] : '';
  }
};
export {
  getQuery
};

vue: 中引用

import { getQuery } from '@/utils/util.js';

getQuery({ url: request.url, name: 'deviceIds' })
// 或
getQuery({ all: true, url: window.location.href })

相关文章

网友评论

      本文标题:获取url中的参数

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