Javascript 在过滤器上分割 url

Question

我让我的用户无需使用 ajax 刷新页面即可过滤产品。我更新了网址，使其看起来像:

http://mywebsite.com/products/filter?style=7-1-2&price=4-5-7&brand=48-12-5&color=8-4

其中 int 值是用 - 分割的 id。所以我有选择:

风格

价格

品牌

颜色

我想要的是在每个过滤器选项的 var 中获取这些值，以便我以:

var styleValues = 7,1,2
var priceValues = 4,5,7

如果仅选择价格过滤器，则网址将如下所示

http://mywebsite.com/products/filter?price=4-5-7

所以我无法拆分过滤器的标签。

我真的很想知道将 url 转换为不同变量的最佳方法是什么。

我已经知道的:

如何获取过滤器部分:

var filterPart =window.location.search;

Answer 1

关于 css 技巧的精彩文章仅涵盖以下内容: http://css-tricks.com/snippets/javascript/get-url-and-url-parts-in-javascript/JavaScript 可以部分访问当前 URL。对于此网址:

http://css-tricks.com/example/index.html

window.location.protocol = "http:"window.location.host = "css-tricks.com"window.location.pathname =“示例/index.html”因此，要在 JavaScript 中获取完整的 URL 路径:

var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;

如果您需要调整路径名，例如类似 http://css-tricks.com/blah/blah/blah/index.html 的 URL ，您可以用“/”字符分割字符串

var pathArray = window.location.pathname.split( '/' );

然后通过数组的各个部分访问不同的部分，例如

var secondLevelLocation = pathArray[0];

要将路径名重新组合在一起，您可以将数组缝合在一起并将“/”放回:

var newPathname = "";
for (i = 0; i < pathArray.length; i++) {
  newPathname += "/";
  newPathname += pathArray[i];
}

或者像这样::

http://css-tricks.com/snippets/javascript/get-url-variables/

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}