JSONP를 사용하여 JavaScript에서 도메인 간 HTTP 요청을 만드는 방법은 무엇입니까?

네이티브 API를 사용하는 JavaScript의 JSONP 요청

교차 도메인 HTTP 요청에는 종종 동일 출처 정책이 적용됩니다. 다른 도메인 또는 보안되지 않은(HTTP) 도메인을 보안(HTTPS) 도메인으로 변경합니다. JSONP(JSON with Padding)는 JavaScript 코드가 다른 도메인에서 데이터를 검색할 수 있도록 허용하여 이러한 제한을 우회하는 데 사용되는 기술입니다.

JSONP 요청 생성

외부 라이브러리 없이 JSONP 요청을 수행하려면 다음 단계를 따르세요.

1. 콜백 함수 만들기: 응답 데이터를 처리할 JavaScript 함수를 정의합니다. 이 함수의 이름은 JSONP 요청에서 콜백 매개변수로 사용됩니다.

2. 요청 URL 구성: JSONP 요청 URL에는 다음 매개변수가 포함되어야 합니다.

   • 데이터가 호스팅되는 서버 URL
   • 콜백 함수 이름으로 설정된 콜백 매개변수
   • 전송하려는 데이터(선택)
3. 스크립트 요소 만들기: