js怎么获取get

在JavaScript中，获取GET请求参数（即URL中的查询字符串参数）有多种方法。以下是一些常见的方法和示例代码：

方法一：使用URLSearchParams

URLSearchParams 是一个内置的浏览器API，可以方便地解析查询字符串。

// 假设当前URL是 https://example.com/page?name=John&age=30

const params = new URLSearchParams(window.location.search);

// 获取单个参数
const name = params.get('name'); // "John"
const age = params.get('age'); // "30"

// 遍历所有参数
params.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

方法二：手动解析查询字符串

如果需要兼容不支持 URLSearchParams 的旧浏览器，可以手动解析查询字符串。

// 假设当前URL是 https://example.com/page?name=John&age=30

function getQueryParamByName(name) {
  const urlParams = new URLSearchParams(window.location.search);
  return urlParams.get(name);
}

const name = getQueryParamByName('name'); // "John"
const age = getQueryParamByName('age'); // "30"

或者更传统的方法：

// 假设当前URL是 https://example.com/page?name=John&age=30

function getQueryParamByName(name) {
  const queryStr = window.location.search.substring(1);
  const paramsArray = queryStr.split('&');
  for (let i = 0; i < paramsArray.length; i++) {
    const pair = paramsArray[i].split('=');
    if (decodeURIComponent(pair[0]) === name) {
      return decodeURIComponent(pair[1]);
    }
  }
  return null;
}

const name = getQueryParamByName('name'); // "John"
const age = getQueryParamByName('age'); // "30"

方法三：使用正则表达式

也可以使用正则表达式来提取特定的查询参数。

// 假设当前URL是 https://example.com/page?name=John&age=30

function getQueryParamByRegex(name) {
  const regex = new RegExp('[?&]' + name + '=([^&#]*)', 'i');
  const match = window.location.search.match(regex);
  return match ? decodeURIComponent(match[1]) : null;
}

const name = getQueryParamByRegex('name'); // "John"
const age = getQueryParamByRegex('age'); // "30"