Fetch를 사용하여 x-www-form-urlencoded 데이터를 게시하는 방법은 무엇입니까?

Fetch를 사용하여 x-www-form-urlencoded 데이터 게시

웹 개발 영역에서 HTTP 요청은 종종 양식으로 인코딩된 데이터를 전달합니다. 서버에. Fetch API를 사용하여 이를 달성하려면 이러한 요청을 구성하는 방법을 살펴보겠습니다.

사용자 이름, 비밀번호, 권한 부여 유형과 같은 매개변수를 양식 인코딩된 데이터로 전송해야 하는 시나리오를 생각해 보세요. 서버. 적절한 헤더를 사용하여 요청을 설정했는데 매개변수를 어떻게 통합할 수 있나요?

이렇게 하려면 URLSearchParams의 기능을 활용할 수 있습니다. 방법은 다음과 같습니다.

fetch('https://example.com/login', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    body: new URLSearchParams({
        'userName': '[email protected]',
        'password': 'Password!',
        'grant_type': 'password'
    })
});

URLSearchParams 개체는 매개변수의 컨테이너 역할을 합니다. 자동으로 값을 URL 인코딩하여 전송할 수 있도록 준비합니다. Content-Type 헤더를 적절하게 설정하면 이제 요청이 인코딩된 데이터를 서버로 전달합니다.

위 내용은 Fetch를 사용하여 x-www-form-urlencoded 데이터를 게시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!