>웹 프론트엔드 >JS 튜토리얼 >jQuery를 사용하여 쿼리 문자열 매개변수를 검색하려면 어떻게 해야 합니까?

jQuery를 사용하여 쿼리 문자열 매개변수를 검색하려면 어떻게 해야 합니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-11-26 00:21:11360검색

How Can I Retrieve Query String Parameters Using jQuery?

jQuery를 사용하여 URL에서 쿼리 문자열 매개변수 가져오기

웹 개발 영역에서는 URL에서 쿼리 문자열 매개변수에 액세스하는 것이 일반적입니다. . 쿼리 문자열은 물음표(?) 뒤에 오는 URL 부분으로, 웹 애플리케이션에 정보를 전달할 수 있는 키-값 쌍을 포함합니다.

다음을 사용하여 쿼리 문자열에서 특정 매개변수의 값을 얻으려면 jQuery를 사용하는 경우 다음 단계를 활용할 수 있습니다.

  1. 함수 생성: URL을 구문 분석하고 쿼리 문자열 매개변수를 추출하는 JavaScript 함수를 정의합니다. 연관 배열로 변환합니다.
  2. 쿼리 문자열 분할: 쿼리 문자열을 앰퍼샌드(&) 문자로 분할하여 여러 매개변수를 구분합니다.
  3. 매개변수 반복: 각 매개변수를 반복하고 등호(=)로 분할하여 매개변수 이름과 value.
  4. 객체 반환: 키-값 쌍을 연관 배열(JavaScript 객체)로 변환하고 반환합니다.

다음은 다음과 같은 예제 함수입니다. 쿼리 문자열 매개변수를 검색하는 데 사용할 수 있습니다.

function getUrlVars() {
  var vars = {}, hash;
  var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  for (var i = 0; i < hashes.length; i++) {
    hash = hashes[i].split('=');
    vars[hash[0]] = hash[1];
  }
  return vars;
}

특정 매개변수에 액세스하려면 다음을 사용할 수 있습니다. 연관 배열 표기법:

var paramValue = getUrlVars()["param_name"];

이 접근 방식을 사용하면 jQuery 코드에서 쿼리 문자열 매개 변수를 쉽게 검색하고 활용할 수 있습니다.

위 내용은 jQuery를 사용하여 쿼리 문자열 매개변수를 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.