JavaScript에서 JSONP 호환 엔드포인트를 생성하는 방법: 종합 가이드

JavaScript에서 JSONP 호환 엔드포인트 생성

CORS(Cross-Origin Resource Sharing) 제한은 서로 다른 도메인에서 호스팅되는 웹사이트 간의 통신을 방해할 수 있습니다. JSONP(패딩이 있는 JSON)는 브라우저의 스크립트 태그 처리를 활용하여 해결 방법을 제공합니다.

PHP에서 JSONP를 구현하는 방법

JSONP 지원 엔드포인트를 생성하려면 PHP의 경우 다음 단계를 따르세요.

1. GET 요청에서 콜백 매개변수를 수락합니다(예: $callback = $_GET['callback'];).
2. 콜백 JavaScript 함수를 감싸세요. 브라우저의 JSON 응답(예: $callback.'('.$data.');'.
3. CORS에 적절한 HTTP 헤더를 설정합니다. 예:

<code class="php">header('Content-Type: text/javascript; charset=utf8');
header('Access-Control-Allow-Origin: http://www.example.com/');
header('Access-Control-Max-Age: 3628800');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');</code>

이 코드는 콜백 함수에 매개변수로 전달된 JSON 개체와 함께 JavaScript 파일을 반환합니다.

JSONP 호환 엔드포인트 활용

<script> JSONP 서비스를 사용하기 위한 태그:</script>

<code class="html"><script>
    function receiver(data) {
        console.log(data);
    }
</script>
<script src="data-service.php?callback=receiver"></script></code>

스크립트가 실행되면 JSON 응답과 함께 수신자 함수가 호출되어 클라이언트 측에서 데이터에 액세스할 수 있습니다.

위 내용은 JavaScript에서 JSONP 호환 엔드포인트를 생성하는 방법: 종합 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!