20230727 [Query string이란?]

Query string

지정된 매개변수에 값을 할당하는 uniform resource locator (URL)의 일부이다.

Structure

https://example.com/search?q=apple&type=fruits

서버가 이러한 페이지에 대한 요청을 받으면 프로그램을 실행하여 쿼리 스트링(q=apple&type=fruits)을 변경하지 않고 프로그램에 전달할 수 있다. 물음표는 구분 기호로 사용되며 쿼리 스트링의 일부가 아니다.

• q=apple : q키의 값이 apple임을 의미한다.
• &로 구분된 하나 이상의 키-값 쌍으로 구성된다.
• URL 주소와 쿼리스트링은 ?로 구분된다.

쿼리스트링에 포함된 값 가져오기

const orderId = new URL(window.location.href).searchParams.get('orderId');

• 현재 창의 URL(window.location.href)을 기반으로 새 URL 개체를 만든 다음 searchParams 속성을 사용하여 쿼리 스트링에서 orderId 매개변수의 값을 검색한다.

<참고 자료>

https://en.wikipedia.org/wiki/Query_string