Как получить параметры запроса " GET " в JavaScript?

Question

Как получить параметры запроса " GET " в JavaScript?

Как получить переменные " GET " из запроса в JavaScript?

делает jQuery или YUI! есть ли эта функция встроена?

396 10

javascript

10 ответов:

Comments

Ничего не найдено.

Rafael · Accepted Answer · 2009-05-06 21:51:17

все данные доступны в разделе
window.location.search
вы должны разобрать строку, например.
function get(name){
   if(name=(new RegExp('[?&]'+encodeURIComponent(name)+'=([^&]*)')).exec(location.search))
      return decodeURIComponent(name[1]);
}
просто вызовите функцию с именем переменной GET в качестве параметра, например.
get('foo');
эта функция вернет значение переменной или undefined, если переменная не имеет значения или не существует

Kaos · Accepted Answer · 2013-02-25 20:15:03

вы могли бы использовать jquery.url мне это понравилось:
var xyz = jQuery.url.param("param_in_url");
Проверьте исходный код

обновленный Источник:https://github.com/allmarkedup/jQuery-URL-Parser

FabianCook · Accepted Answer · 2015-08-07 19:30:27

просто положить мои два цента, если вы хотели объект, содержащий все запросы
function getRequests() {
    var s1 = location.search.substring(1, location.search.length).split('&'),
        r = {}, s2, i;
    for (i = 0; i < s1.length; i += 1) {
        s2 = s1[i].split('=');
        r[decodeURIComponent(s2[0]).toLowerCase()] = decodeURIComponent(s2[1]);
    }
    return r;
};

var QueryString = getRequests();

//if url === "index.html?test1=t1&test2=t2&test3=t3"
console.log(QueryString["test1"]); //logs t1
console.log(QueryString["test2"]); //logs t2
console.log(QueryString["test3"]); //logs t3
Примечание, ключ для каждого get param установлен в нижний регистр. Итак, я сделал вспомогательную функцию. Так что теперь он нечувствителен к регистру.
function Request(name){
    return QueryString[name.toLowerCase()];
}

Daniel Lew · Accepted Answer · 2009-05-06 21:35:43

вы можете использовать URL для получения переменных GET. В частности, window.location.search дает все после (и в том числе)'?'. Вы можете прочитать больше о window.расположение здесь.

VISHNU Radhakrishnan · Accepted Answer · 2017-09-14 08:47:38

попробуйте приведенный ниже код ,он поможет вам получить параметры GET из url. для более подробной информации.
 var url_string = window.location.href; // www.test.com?filename=test
    var url = new URL(url_string);
    var paramValue = url.searchParams.get("filename");
    alert(paramValue)

Matt · Accepted Answer · 2017-05-23 14:55:07

сегодня мне нужно было получить параметры запроса страницы в ассоциативный массив, поэтому я собрал следующее, с небольшим помогите С мой друзья. Он также обрабатывает параметры без = как true.

пример:
// URL: http://www.example.com/test.php?abc=123&def&xyz=&something%20else

var _GET = (function() {
    var _get = {};
    var re = /[?&]([^=&]+)(=?)([^&]*)/g;
    while (m = re.exec(location.search))
        _get[decodeURIComponent(m[1])] = (m[2] == '=' ? decodeURIComponent(m[3]) : true);
    return _get;
})();

console.log(_GET);
> Object {abc: "123", def: true, xyz: "", something else: true}
console.log(_GET['something else']);
> true
console.log(_GET.abc);
> 123

brendan · Accepted Answer · 2009-05-06 21:55:22

Если вы уже используете jQuery есть плагин jQuery, который обрабатывает это:

http://plugins.jquery.com/project/query-object

Thomas Owens · Accepted Answer · 2009-05-06 21:34:01

вы можете проанализировать URL текущей страницы, чтобы получить параметры GET. URL-адрес можно найти с помощью location.href.

Lavi Avigdor · Accepted Answer · 2015-03-04 15:50:12

карта-уменьшить решение:

var urlParams = location.search.split(/[?&]/).slice(1).map(function(paramPair) {
        return paramPair.split(/=(.+)?/).slice(0, 2);
    }).reduce(function (obj, pairArray) {            
        obj[pairArray[0]] = pairArray[1];
        return obj;
    }, {});

использование:

For url: http://example.com?one=1&two=2
console.log(urlParams.one) // 1
console.log(urlParams.two) // 2

Tobi G. · Accepted Answer · 2017-08-24 17:11:01

функция возвращает параметр по имени. С небольшими изменениями вы сможете вернуть базовый url, параметр или якорь.

function getUrlParameter(name) {
    var urlOld          = window.location.href.split('?');
    urlOld[1]           = urlOld[1] || '';
    var urlBase         = urlOld[0];
    var urlQuery        = urlOld[1].split('#');
    urlQuery[1]         = urlQuery[1] || '';
    var parametersString = urlQuery[0].split('&');
    if (parametersString.length === 1 && parametersString[0] === '') {
        parametersString = [];
    }
    // console.log(parametersString);
    var anchor          = urlQuery[1] || '';

    var urlParameters = {};
    jQuery.each(parametersString, function (idx, parameterString) {
        paramName   = parameterString.split('=')[0];
        paramValue  = parameterString.split('=')[1];
        urlParameters[paramName] = paramValue;
    });
    return urlParameters[name];
}