获取URL参数

最新推荐文章于 2023-05-03 23:43:15 发布

__畫戟__

最新推荐文章于 2023-05-03 23:43:15 发布

阅读量156

点赞数 1

分类专栏：前端公用 .js JavaScript 文章标签：获取URL参数

本文链接：https://blog.csdn.net/qq_41887214/article/details/113859252

版权

JavaScript 同时被 2 个专栏收录

64 篇文章 6 订阅

订阅专栏

前端公用 .js

34 篇文章 0 订阅

订阅专栏

本文介绍了两种JavaScript方法，一种是 getAllQuery，用于从URL中提取所有参数并以对象形式返回；另一种是 getQuery，针对指定键获取参数值。这两种方法适用于前端开发中的URL参数处理。

摘要由CSDN通过智能技术生成

方法一（推荐）

/**
 * 获取URL参数
 * @param paramUrl      URL
 * @returns {{}}        所有的参数
 */
export default function getAllQuery(paramUrl) {
  const url = paramUrl || window.location.href
  const temp1 = url.split('?')
  const result = {}
  if (temp1.length > 1) {
    const pram = temp1[1]
    const keyValue = pram.split('&')

    for (let i = 0; i < keyValue?.length; i++) {
      const item = keyValue[i].split('=')
      const key = item[0]
      result[key] = item[1]
    }
  }
  return result
}

方法二

export default function getQuery(key, url) {
  url = url || window.location.href;
  if (url.indexOf('#') !== -1) url = url.substring(0, url.indexOf('#'));
  let rts = [];
  let rt;
  let queryReg = new RegExp('(^|\\?|&)' + key + '=([^&]*)(?=&|#|$)', 'g');
  while ((rt = queryReg.exec(url)) !== null) {
    rts.push(decodeURIComponent(rt[2]));
  }
  if (rts.length === 0) return null;
  if (rts.length === 1) return rts[0];
  return rts;
}