«
»

JavaScript: как получить GET-параметры из адресной строки

2011-04-26

Для определения GET-параметров на JavaScript, необходимо произвести синтаксический разбор URL текущей страницы.

Строку с GET-параметрами можно определить так: window.location.search. Свойство search объекта location хранит часть URL, начиная с «?» до начала хеш-данных.

Пример:
Допустим, у нас есть следующий адрес:
http://web.izjum.com/some-page.html?var1=111&var2&var3=ttt#someHashData,
тогда window.location.search вернёт нам:
?var1=111&var2&var3=ttt

Таким образом, мы можем легко получить все GET-переменные и их значения.
Следующая функция реализует эту задачу:

function parseGetParams() {
var $_GET = {};
var __GET = window.location.search.substring(1).split("&");
for(var i=0; i<__GET.length; i++) { var getVar = __GET[i].split("="); $_GET[getVar[0]] = typeof(getVar[1])=="undefined" ? "" : getVar[1]; } return $_GET; }

Если применить нашу функцию к указанному выше примеру URL, мы получим такой результат:

var GETArr = parseGetParams();
/*
GETArr = {
var1: "111",
var2: "",
var3: "ttt"
}
*/



10 комментариев на «JavaScript: как получить GET-параметры из адресной строки»

  1. кто то:
    2012-02-08 в 06:42

    массив пустой в коде ошибка

  2. admin:
    2012-02-08 в 11:39

    Только что перепроверил, все работает хорошо.
    Может проблема в том, что функция возвращает объект, а не массив, а Вы ожидаете именно массив?

  3. Jack Taylor:
    2012-03-19 в 18:39

    window.location.search = «?A[]=1&A[]=2&B[1]=3&C[0][data]=32»;

  4. Vee Jay:
    2014-05-15 в 16:37

    Очень кратко и лаконично.
    Спасибо за скрипт!

  5. Вася:
    2015-03-02 в 13:45

    how2use: GETArr[‘param’]

  6. Александ_Sam:
    2015-06-02 в 13:52

    Спасибо за скрипт.
    Все прекрасно работает.

  7. Vitalii:
    2016-01-07 в 22:32

    Спасибо огромное!

  8. Aleks:
    2017-04-30 в 15:20

    Благодарствую за короткий рабочий скрипт.

  9. Kolya:
    2017-08-26 в 14:33

    Например для адреса:
    index.php#&gid=1&pid=3

    Не работает!

  10. admin:
    2017-08-31 в 07:47

    @Kolya, ну, на самом деле это не GET-параметры, а HASH.
    Но даже в этом случае если вы ожидаете HASH именно в таком виде, вы можете модернизировать эту функцию заменив `window.location.search` на `window.location.hash`.

Добавить комментарий