>  기사  >  웹 프론트엔드  >  GET 요청을 가져오기 위해 쿼리 문자열을 추가하는 방법은 무엇입니까?

GET 요청을 가져오기 위해 쿼리 문자열을 추가하는 방법은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-10-25 21:27:03727검색

How to Add Query Strings to Fetch GET Requests?

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);

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

위 내용은 GET 요청을 가져오기 위해 쿼리 문자열을 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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