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

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

Patricia Arquette

풀어 주다： 2024-10-23 00:14:31

원래의

658명이 탐색했습니다.

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 호환 엔드포인트 활용

저자별 최신 기사

에서 2024-04-29 11:01:01

2518

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

2661

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.

에서 2024-04-19 15:37:47

2249