"GET" 매개변수에서 값을 가져오기 (JavaScript) [중복]

이 질문에 대한 답변이 이미 여기에 있습니다:

JavaScript에서 쿼리 문자열 값을 어떻게 가져올 수 있나요?

(73 개의 답변)

닫힘 2 년 전.

다음과 같이 일부 GET 매개변수가 포함된 URL이 있습니다:

www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5 

c의 전체 값을 얻어야 합니다. URL을 읽어보았지만 m2만 얻었습니다. JavaScript를 사용하여 이를 어떻게 할 수 있을까요?

답변 1

function parse_query_string(query) {
  var vars = query.split(&);
  var query_string = {};
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split(=);
    var key = decodeURIComponent(pair.shift());
    var value = decodeURIComponent(pair.join(=));
    // If first entry with this name
    if (typeof query_string[key] === undefined) {
      query_string[key] = value;
      // If second entry with this name
    } else if (typeof query_string[key] === string) {
      var arr = [query_string[key], value];
      query_string[key] = arr;
      // If third or later entry with this name
    } else {
      query_string[key].push(value);
    }
  }
  return query_string;
}
var query_string = a=1&b=3&c=m2-m3-m4-m5;
var parsed_qs = parse_query_string(query_string);
console.log(parsed_qs.c);

현재 페이지의 URL에서 쿼리 문자열을 다음과 같이 가져올 수 있습니다:

var query = window.location.search.substring(1);
var qs = parse_query_string(query);

답변 2

이 글은 JavaScript의 GET 매개변수에서 값을 가져오는 방법에 대해 다루고 있습니다.
JavaScript를 사용하여 웹 페이지에서 GET 매개변수의 값을 가져오려면, URL에 포함된 매개변수를 가지고 와야 합니다. GET 매개변수는 URL에 물음표(?) 다음에 키와 값 쌍으로 구성되어 있습니다. 이 값들은 JavaScript 코드에서 쉽게 사용할 수 있습니다.
먼저, 현재 페이지의 URL을 가져와야 합니다. 이를 위해 window.location.href 속성을 사용할 수 있습니다. 그 다음, URL에서 GET 매개변수 부분만 추출해야 합니다. 이를 위해 indexOf와 substring 메서드를 사용하여 URL에서 물음표 뒤의 문자열을 추출할 수 있습니다.
그 다음, GET 매개변수를 분리해야 합니다. 문자열을 & 기호로 나누어 각 키와 값 쌍을 배열에 저장할 수 있습니다. 그런 다음 forEach 메서드를 사용하여 각 키와 값을 분리하여 객체에 저장할 수 있습니다.
이제 JavaScript 코드에서 GET 매개변수를 쉽게 사용할 수 있습니다. 특정 키에 해당하는 값에 접근하려면 객체를 사용하여 해당 값을 가져올 수 있습니다.
이와 같이 JavaScript를 사용하여 URL에서 GET 매개변수의 값을 가져오는 방법을 소개했습니다. 이를 통해 웹 개발자들은 URL에 포함된 정보를 쉽게 활용할 수 있습니다.