JavaScript でクエリ文字列パラメータを動的に追加または更新するにはどうすればよいですか?

クエリ文字列パラメータを動的に変更する

Web 開発では、さまざまな理由から、URL 内のクエリ文字列パラメータを操作することが必要になることがよくあります。 JavaScript と jQuery を使用すると、これを簡単に実現できます。クエリ文字列パラメータを追加または更新する方法は次のとおりです。

クエリ文字列パラメータの追加

クエリ文字列パラメータが URL に存在しない場合は、単純に追加できます。次の構文を使用します:

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

これにより、パラメータ「parameter」に値「value」が追加されます。

クエリ文字列パラメータの更新

パラメータが 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 中国語 Web サイトの他の関連記事を参照してください。