JavaScript에서 JSONP 호환 엔드포인트를 생성하는 방법: 종합 가이드-PHP 튜토리얼-php.cn

How to Create JSONP-Compatible Endpoints in JavaScript: A Comprehensive Guide

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

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

PHP에서 JSONP를 구현하는 방법

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

GET 요청에서 콜백 매개변수를 수락합니다(예: $callback = $_GET['callback'];).
콜백 JavaScript 함수를 감싸세요. 브라우저의 JSON 응답(예: $callback.'('.$data.');'.
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 호환 엔드포인트 활용