如何在 JavaScript 中动态添加或更新查询字符串参数？

动态修改查询字符串参数

在 Web 开发中，由于各种原因，通常需要操作 URL 中的查询字符串参数。使用 JavaScript 和 jQuery，这可以轻松实现。以下是添加或更新查询字符串参数的方法：

添加查询字符串参数

如果 URL 中不存在查询字符串参数，您只需追加它即可使用以下语法：

var newURL = window.location.href + "&parameter=value";

这会将参数“parameter”和值“value”附加到现有的URL。

更新查询字符串参数

如果参数已存在于 URL 中，您可以使用正则表达式更新其值。下面是一个完成此操作的辅助函数：

function updateQueryStringParameter(uri, key, value) {
  var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
  var separator = uri.indexOf('?') !== -1 ? "&" : "?";
  if (uri.match(re)) {
    return uri.replace(re, '' + key + "=" + value + '');
  }
  else {
    return uri + separator + key + "=" + value;
  }
}

此函数采用原始 URI、要更新的参数的键及其新值。它将参数的现有值替换为新值，或者将参数附加到 URI（如果不存在）。

以上是如何在 JavaScript 中动态添加或更新查询字符串参数？的详细内容。更多信息请关注PHP中文网其他相关文章！