Js获取Url地址参数的几种方法

作者：System 时间：2024年08月18日分类：所有,javascript 字数：902

这篇文章距离上次修改已过257天，其中的内容可能已经有所变动。

在JavaScript中，获取URL地址参数可以通过以下几种方法实现：

使用window.location.search获取URL中的查询字符串，然后通过URLSearchParams对象解析参数。

const params = new URLSearchParams(window.location.search);
const paramValue = params.get('paramName'); // 替换paramName为你想获取的参数名称

使用正则表达式手动解析查询字符串。

function getQueryParam(param) {
  const search = window.location.search.substring(1); // 获取URL查询字符串
  const params = search.split('&'); // 分割成单个参数

  for (let i = 0; i < params.length; i++) {
    const pair = params[i].split('='); // 分割键值对
    if (decodeURIComponent(pair[0]) === param) { // 若找到匹配的键
      return decodeURIComponent(pair[1] || ''); // 返回其值
    }
  }
  return null; // 未找到则返回null
}

const paramValue = getQueryParam('paramName'); // 替换paramName为你想获取的参数名称

使用现代JavaScript库，如jQuery，可以使用其提供的$.param()函数序列化参数对象，或者$.ajax的data选项发送GET请求时解析查询参数。

以上方法可以根据实际需求选择使用。

Js获取Url地址参数的几种方法

评论已关闭

推荐阅读