JavaScript에서 쿼리 문자열 매개변수를 동적으로 추가하거나 업데이트하려면 어떻게 해야 합니까?

동적으로 쿼리 문자열 매개변수 수정

웹 개발에서는 다양한 이유로 URL의 쿼리 문자열 매개변수를 조작해야 하는 경우가 많습니다. JavaScript와 jQuery를 사용하면 이를 쉽게 달성할 수 있습니다. 쿼리 문자열 매개변수를 추가하거나 업데이트하는 방법은 다음과 같습니다.

쿼리 문자열 매개변수 추가

쿼리 문자열 매개변수가 URL에 없으면 간단히 추가할 수 있습니다. 다음 구문을 사용합니다.

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

이는 "value" 값과 함께 "parameter" 매개변수를 기존 매개변수에 추가합니다. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!