Question

我的边栏上有现有的产品过滤器，但我尝试使用可以更新或添加到产品过滤器的功能链接。 snippet of current page

目前我有与＆lt;的链接a href =＆＃34;？filter_caster-type = swivel＆＃34; ＆GT;虽然使用该链接时会删除当前查询。是否有一种简单的方法可以获得更新或添加到当前查询的链接？

Answer 1

如果您能够使用URLSearchParams：

// assumes the URL already contains a query string, better checking will be needed if this isn't always the case
var paramsFromURL = new URLSearchParams(document.location.search.substring(1));

paramsFromURL.set("WhateverYouNeedToAdd", "TheValueYouWant")

// gives something like http://example.com/path/?ExistingThing=foo&WhateverYouNeedToAdd=TheValueYouWant
var updatedURL = document.location.origin + document.location.pathname + "?" + URLSearchParams.toString();

Answer 2

要将查询添加到当前网址，您可以通过javascript函数执行此操作：

$(function(){
  $('a').on('click', function(e){
       e.preventDefault();
       window.location.replace(window.location.href + $(this).attr('href'));
  });
});

此功能会获取您当前的网址，并附加您在a标记中的过滤条，然后重新加载。

如何将查询字符串链接添加/更新到现有URL的末尾

2 个答案: