Wie kann ich Abfragezeichenfolgenparameter in JavaScript dynamisch hinzufügen oder aktualisieren?

Abfragezeichenfolgenparameter dynamisch ändern

Bei der Webentwicklung ist es aus verschiedenen Gründen häufig erforderlich, die Abfragezeichenfolgenparameter in einer URL zu manipulieren. Mit JavaScript und jQuery lässt sich dies problemlos erreichen. So fügen Sie einen Abfragezeichenfolgenparameter hinzu oder aktualisieren ihn:

Abfragezeichenfolgenparameter hinzufügen

Wenn der Abfragezeichenfolgenparameter nicht in der URL vorhanden ist, können Sie ihn einfach anhängen unter Verwendung der folgenden Syntax:

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

Dadurch wird der Parameter „parameter“ mit dem Wert „value“ an den vorhandenen angehängt URL.

Abfragezeichenfolgenparameter aktualisieren

Wenn der Parameter bereits in der URL vorhanden ist, können Sie seinen Wert mithilfe eines regulären Ausdrucks aktualisieren. Hier ist eine Hilfsfunktion, die dies erreicht:

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;
  }
}

Diese Funktion verwendet den ursprünglichen URI, den Schlüssel des zu aktualisierenden Parameters und seinen neuen Wert. Es ersetzt den vorhandenen Wert des Parameters durch den neuen oder hängt den Parameter an den URI an, wenn er nicht vorhanden ist.

Das obige ist der detaillierte Inhalt vonWie kann ich Abfragezeichenfolgenparameter in JavaScript dynamisch hinzufügen oder aktualisieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!