Получить GET параметры сайта с JavaScript

· JavaScript и Снипеты · 1 мин чтения

В этом снипете, я покажу пример код с помощью которого можно получить $_GET параметры с URL (ссылки) страницы. 

Давайте представим, что у вас есть ссылка такого типа: http://bologer.com/?key=123&type=success. Вам нужно получить значения key и type, которые равны 123 и success.

PHP пример

С помощью PHP — это сделать проще простого. Как показано на примере ниже.

$key = $_GET['key']; // Получим значение  ?key=
$type = $_GET['type']; // Получим значение &type=

// или так 

$key = filter_input(INPUT_GET, 'key'); // Получим значение  ?key=
$type= filter_input(INPUT_GET, 'key'); // Получим значение  ?type=

JavaScript пример

Чтобы это сделать посредством JavaScript, вам нужно использовать вот такую функцию. Вот официальный источник кому интересно.

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

Вы спросите, а как использовать этот пример? А я скажу, что все очень просто.

Если вам нужно получить значение key, то вы можете сделать следующее var key = getUrlParameter('key').  Собственное такая же процедура и для type.

На этом все. Если у вас возникли какие-либо вопросы — задавайте их ниже под этой записью.