javascript - 如何向 URL 添加参数？

Question

我当前的 URL 是:http://something.com/mobiles.php?brand=samsung

现在，当用户点击最低价格过滤器(比如 300)时，我希望我的 URL 变成

http://something.com/mobiles.php?brand=samsung&priceMin=300

换句话说，我正在寻找一个 javascript 函数，它将在当前 URL 中添加一个指定的参数，然后将网页重定向到新的 URL。

注意:如果没有设置参数那么函数应该添加?而不是&

即如果当前 URL 是 http://something.com/mobiles.php 那么页面应该被重定向到 http://something.com/mobiles.php?priceMin=300而不是 http://something.com/mobiles.php&priceMin=300

Answer 1

尝试这样的事情，它还应该考虑你已经在 url 中有那个参数的情况:

function addOrUpdateUrlParam(name, value)
{
  var href = window.location.href;
  var regex = new RegExp("[&\\?]" + name + "=");
  if(regex.test(href))
  {
    regex = new RegExp("([&\\?])" + name + "=\\d+");
    window.location.href = href.replace(regex, "$1" + name + "=" + value);
  }
  else
  {
    if(href.indexOf("?") > -1)
      window.location.href = href + "&" + name + "=" + value;
    else
      window.location.href = href + "?" + name + "=" + value;
  }
}

然后你像你的情况一样调用它:

addOrUpdateUrlParam('priceMin', 300);