Извлечение параметров GET из JavaScript: подробное руководство

Чтобы получить параметры GET из сценария JavaScript, разработчики могут использовать объект window.location. Этот объект обеспечивает доступ к текущему URL-адресу, включая его строку запроса.

Один из методов получения параметров GET — извлечение части URL-адреса, следующей за вопросительным знаком (?). Следующий фрагмент кода демонстрирует этот подход:

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

В приведенном примере доступ к параметру GET "returnurl" можно получить с помощью следующего кода:

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

Однако этот базовый подход не учитывает сценарии, в которых несколько значений связаны с одним и тем же именем параметра. Для обработки таких случаев требуется более надежное решение.

Следующая расширенная функция предоставляет комплексный метод для получения параметров GET, даже если присутствует несколько значений:

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&");
  for (let index = 0; index 
Эта функция декодирует значение параметра, чтобы обеспечить совместимость со специальными символами. Он использует цикл for для перебора каждой пары ключ-значение в строке запроса. Когда найдено указанное имя параметра, возвращается соответствующее значение.
Используя функцию, параметр returnurl можно получить следующим образом:
const returnurl = findGetParameter("returnurl");
console.log(returnurl);
Используя эти методы, разработчики могут эффективно получать параметры GET из сценариев JavaScript, расширяя функциональность веб-приложений.