Fetch를 사용하여 x-www-form-urlencoded POST 요청을 제출하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

Fetch를 사용하여 x-www-form-urlencoded POST 요청을 제출하는 방법은 무엇입니까?

Barbara Streisand

풀어 주다： 2024-11-21 08:28:14

원래의

849명이 탐색했습니다.

How to Submit x-www-form-urlencoded POST Requests with Fetch?

Fetch를 사용하여 x-www-form-urlencoded 요청 게시

Fetch를 사용하여 양식 인코딩된 매개변수를 서버에 제출하려면 다음을 활용할 수 있습니다. 다음 단계:

요청 정의 매개변수:

const params = {
  'userName': '[email&#160;protected]',
  'password': 'Password!',
  'grant_type': 'password'
};

로그인 후 복사

요청 헤더 및 메소드 설정:

var obj = {
  method: 'POST',
  headers: {
 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  },
};

로그인 후 복사

URLSearchParams 인터페이스를 사용하여 매개변수 인코딩:

const encodedParams = new URLSearchParams();
params.forEach((value, key) => encodedParams.append(key, value));

로그인 후 복사

마지막으로 요청합니다.

fetch('https://example.com/login', obj)
  .then(function(res) {
 // Do stuff with result
  });

로그인 후 복사

이 프로세스는 인코딩된 양식을 효과적으로 인코딩하고 포함합니다. POST 요청의 매개변수를 사용하여 API와 호환되는 형식으로 서버에 제출되도록 합니다.

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