Как проанализировать параметры запроса URL-адреса в Javascript?

Ответ 1

Сегодня (через 2,5 года после этого ответа) вы можете безопасно использовать Array.forEach. Как предлагает decodeURIComponent в этой функции использовался decodeURIComponent.

function getJsonFromUrl() {
  var query = location.search.substr(1);
  var result = {};
  query.split("&").forEach(function(part) {
    var item = part.split("=");
    result[item[0]] = decodeURIComponent(item[1]);
  });
  return result;
}

на самом деле это не так просто, см. рецензирование в комментариях, особенно:

• хэш-маршрутизация (@cmfolio)
• параметры массива (@user2368055)
• правильное использование decodeURIComponent (@AndrewF)

Может быть, это должно пойти на codereview SE, но здесь более безопасный и регулярный код:

function getJsonFromUrl() {
  var question = location.href.indexOf("?");
  var query = location.href.substr(question+1);
  var hash = query.indexOf("#");
  if(hash>-1) query = query.substr(0,hash);
  var result = {};
  query.split("&").forEach(function(part) {
    if(!part) return;
    part = part.split("+").join(" "); // replace every + with space, regexp-free version
    var eq = part.indexOf("=");
    var key = eq>-1 ? part.substr(0,eq) : part;
    var val = eq>-1 ? decodeURIComponent(part.substr(eq+1)) : "";
    var from = key.indexOf("[");
    if(from==-1) result[decodeURIComponent(key)] = val;
    else {
      var to = key.indexOf("]",from);
      var index = decodeURIComponent(key.substring(from+1,to));
      key = decodeURIComponent(key.substring(0,from));
      if(!result[key]) result[key] = [];
      if(!index) result[key].push(val);
      else result[key][index] = val;
    }
  });
  return result;
}

Я также заменил некодированные + для пространства в соответствии с этой статьей, что также полезно для руководства, как кодировать присоединение к RFC 3986.

Обратите внимание на result[key][index] = val: создается новый элемент массива, он перечислим, поэтому его можно повторить по вызову forEach. Поэтому вы можете анализировать даже URL-адреса, такие как

var url = "?foo%20e[]=a%20a&foo+e[%5Bx%5D]=b&foo e[]=c";
// {"foo e": ["a a",  "c",  "[x]":"b"]}

var obj = getJsonFromUrl(url)["foo e"];
for(var key in obj) { // Array.forEach would skip string keys here
  console.log(key,":",obj[key]);
}
/*
  0 : a a
  1 : c
  [x] : b
*/

Ответ 2

Вы можете получить объект JavaScript, содержащий параметры с чем-то вроде этого:

var regex = /[?&]([^=#]+)=([^&#]*)/g,
    url = window.location.href,
    params = {},
    match;
while(match = regex.exec(url)) {
    params[match[1]] = match[2];
}

Регулярное выражение, скорее всего, будет улучшено. Он просто ищет пары имя-значение, разделенные символами =, и сами пары разделяются символами & (или an = для первого). Для вашего примера приведенное выше приведет к:

{v: "123", p: "hello"}

Вот рабочий пример.

Ответ 3

var v = window.location.getParameter('v');
var p = window.location.getParameter('p');

теперь v и p - объекты, у которых есть 123 и hello в них соответственно