我有一个字符串，大致是这样的：
a_href= "www.google.com/test_ref=abc";
我需要在这个字符串中搜索test_ref=abc并将其替换为新值。
var updated_test_ref = "xyz";
a_href ="www.google.com/test_ref=updated_test_ref"
i.e
www.google.com/test_ref=xyz.
我们应该怎么做？
编辑：
test_ref的值本身可以是一个URL链接，类似于http://google.com?param1=test1¶m2=test2。我需要捕获完整的值而不是只到第一个&。
a_href = a_href.replace(/(test_ref=)[^\&]+/, '$1' + updated_test_ref);
updated_test_ref的值。 - Waynei) 标志，就像这样：/(test_ref=)[^\&]+/i。 - Wayne根据这次讨论，我已经修复了Chris函数（正则表达式字符串的问题！）
function updateUrlParameter(url, param, value){
var regex = new RegExp('('+param+'=)[^\&]+');
return url.replace( regex , '$1' + value);
}
http://google.com?param1=test1¶m2=test2&anotherparam1=test3
更新后的URL应该像这样：
http://google.com?param1=newtest¶m2=test2&anotherparam1=test3，其中param1的值已经改变。
在这种情况下，正如@Panthro指出的那样，在查询字符串之前添加[?|&]可以确保不会替换anotherparam1。但是，此解决方案还会将'?'或'&'字符添加到匹配的字符串中。因此，在替换匹配的字符时，'?'或'&'也将被替换。您将不知道确切替换了哪个字符，因此也不能附加该字符。
解决方案是仅将'?'或'&'作为前导字符进行匹配。
我重新编写了@Chris的函数，修复了字符串问题，并添加了不区分大小写的参数。
updateUrlParameter(url, param, value){
var regex = new RegExp('(?<=[?|&])(' + param + '=)[^\&]+', 'i');
// return url.replace(regex, param + '=$1' + value);
return url.replace(regex, param + '=' + value);
}
(?<=[?|&]) 的意思是，它会匹配 '?' 或 '&' 字符，并且会取出该字符之后的字符串（向该字符后方查找）。这意味着只有 param1=test1 子字符串会被匹配并替换。return url.replace(regex, param + '=$1' + value);。之前没有注意到，感谢指出。正确版本应该是：return url.replace(regex, param + '=' + value);。 - souravb?<=在许多浏览器中不受支持。替代方法是使用单词边界，即\b。例如：queryString.replace(/\bsource=[^&]+/, 'source=' + value)，其中source是我们感兴趣的参数名称。 - Aakash GoplaniupdateUrlParameter(url, param, value){
var regex = new RegExp("/([?|&]" + param + "=)[^\&]+/");
return url.replace(regex, '$1' + value);
}
function updateUrlParameter(url, param, value) {
var index = url.indexOf("?");
if (index > 0) {
var u = url.substring(index + 1).split("&");
var params = new Array(u.length);
var p;
var found = false;
for (var i = 0; i < u.length; i++) {
params[i] = u[i].split("=");
if (params[i][0] === param) {
params[i][1] = value;
found = true;
}
}
if (!found) {
params.push(new Array(2));
params[params.length - 1][0] = param;
params[params.length - 1][1] = value;
}
var res = url.substring(0, index + 1) + params[0][0] + "=" + params[0][1];
for (var i = 1; i < params.length; i++) {
res += "&" + params[i][0] + "=" + params[i][1];
}
return res;
} else {
return url + "?" + param + "=" + value;
}
}
当提供常规的URL地址时，它将起作用，例如：
updateUrlParameter('https://www.example.com/some.aspx?mid=1&id=2','id','5');
updateUrlParameter('https://www.example.com/?mid=1&id=2','id','5');
updateUrlParameter('https://www.example.com/some.aspx','id','5');
请注意，只有当查询字符串参数名称或值中包含“=”和/或“&”字符时，它才不起作用。在那之后，它将正常工作。
*查找特定查询字符串并替换其值的 Java Script 代码 *
('input.letter').click(function () {
//0- prepare values
var qsTargeted = 'letter=' + this.value; //"letter=A";
var windowUrl = '';
var qskey = qsTargeted.split('=')[0];
var qsvalue = qsTargeted.split('=')[1];
//1- get row url
var originalURL = window.location.href;
//2- get query string part, and url
if (originalURL.split('?').length > 1) //qs is exists
{
windowUrl = originalURL.split('?')[0];
var qs = originalURL.split('?')[1];
//3- get list of query strings
var qsArray = qs.split('&');
var flag = false;
//4- try to find query string key
for (var i = 0; i < qsArray.length; i++) {
if (qsArray[i].split('=').length > 0) {
if (qskey == qsArray[i].split('=')[0]) {
//exists key
qsArray[i] = qskey + '=' + qsvalue;
flag = true;
break;
}
}
}
if (!flag)// //5- if exists modify,else add
{
qsArray.push(qsTargeted);
}
var finalQs = qsArray.join('&');
//6- prepare final url
window.location = windowUrl + '?' + finalQs;
}
else {
//6- prepare final url
//add query string
window.location = originalURL + '?' + qsTargeted;
}
})
});