将值附加到URL搜索参数 [英] Append value to URL search param

问题描述

我试图在URL的搜索参数中添加一个值，但部分无法正常工作.例如，我有以下网址:

I'm trying to add a value to a search parameter in an URL but it's partly not working. For example I've this URL:

http://localhost.com/?color=Green&size=L

我现在如何添加第二个值以用,分隔的颜色?

How can I add now a second value to color separated with a ,?

这是设置第二个参数后URL的外观:

This is how the URL must look after setting a second param:

http://localhost.com/?color=Green,Red&size=L

我已经在这里尝试过了

window.history.pushState(null, null, window.location.search + ',' + 'Red');

但是结果是:

http://localhost.com/?color=Green,Red&size=L,Red

那么如何在URL中的搜索参数中添加逗号分隔的值?

So how can I add a value comma separated to a search parameter in my URL?

推荐答案

使用正则表达式匹配color=...参数.

Use a regular expression to match the color=... parameter.

window.history.pushState(null, null, window.location.search.replace(/\bcolor=[^&]*/, '$&,Red'));

这篇关于将值附加到URL搜索参数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！