删除作为数组传递给 URL 的 URL 查询字符串之一？

Question

这是网址：

www.example.com/?param%5B%5D=A&param%5B%5D=B

%5B%5D 部分是 [] 以将 param 作为数组传递，该数组在 url 中编码。

现在，我想删除其中一个参数，所需的输出是：

www.example.com/?param%5B%5D=B

我已经搜索过了，但什么也没找到！ 所有答案都是关于删除单个值参数，而不是多个。

更新：

我不知道参数的确切位置，即 URL 可能是这样的：

www.example.com/?test=124&test2=456&param%5B%5D=A&param%5B%5D=B

Answer 1

您可以利用 URL WebAPI。

https://developer.mozilla.org/en-US/docs/Web/API/URL

var base = 'http://www.example.com/'
var query = '?param%5B%5D=A&param%5B%5D=B';

var url = new URL(base + query);

var params = new URLSearchParams(url.search);


var filteredParams = params.getAll('param[]')
  .filter(function(el) {
    return el !== "A";
  }).map(function(el){
    return ['param[]', el];
  });

var newParams = new URLSearchParams(filteredParams);

var url = new URL(base + '?' + newParams.toString() );
console.log(url.toString());

Answer 2

这是一个关于如何从 URL 中提取参数的示例。

现在如何在用户交互表单 (UI) 上使用它们由您决定。

// Use this to get the document location:
var ActualURL = document.location.href;
console.log("This snippet URL: "+ActualURL);


// Only for this demo, I "simulate" a URL.
// ActualURL is overwritten here.
var ActualURL = "www.example.com/?param%5B%5D=A&param%5B%5D=B";
console.log("FAKED URL: "+ActualURL);

var domain = ActualURL.split("?")[0];
console.log("Domain: "+domain);

var params = ActualURL.split("?")[1];

var param_array = params.split("&");

for (i=0;i<param_array.length;i++){
  console.log( "Param #"+i+": "+param_array[i] );
}

console.log("Rebuilted URL with only param #2: "+domain+"?"+param_array[1]);