如何在 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中文網其他相關文章！