Fetch GET 요청을 통한 쿼리 문자열

Fetch API는 JavaScript에서 HTTP 요청을 생성하는 현대적인 접근 방식을 제공합니다. 기본적으로 Fetch를 사용하여 수행된 GET 요청에는 쿼리 문자열 매개변수가 포함되지 않습니다. GET 요청에 쿼리 문자열을 추가하려면 URLSearchParams 인터페이스를 사용하거나 쿼리 문자열을 수동으로 연결할 수 있습니다.

URLSearchParams 사용:

URLSearchParams 인터페이스를 사용하면 쿼리 문자열을 쉽게 생성하고 조작할 수 있습니다. 쿼리 문자열 매개변수를 추가하려면 set() 메소드를 사용할 수 있습니다:

const searchParams = new URLSearchParams();
searchParams.set('order_id', 1);

const request = new Request({
  url: 'http://myapi.com/orders',
  method: 'GET',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: searchParams.toString()
});

fetch(request);

쿼리 문자열 연결:

또는 쿼리 문자열을 요청 URL에 직접 연결할 수 있습니다:

const request = new Request({
  url: 'http://myapi.com/orders?order_id=1',
  method: 'GET'
});

fetch(request);

참고: 쿼리 문자열을 수동으로 연결하기로 선택한 경우 잘못된 문자가 요청을 중단하지 않도록 쿼리 문자열이 올바르게 인코딩되었는지 확인하세요.