도메인 간 JavaScript용 JSONP 콜백을 구현하는 방법은 무엇입니까?

Cross-Domain JavaScript를 위한 JSONP 콜백 구현

서로 다른 도메인 간의 통신을 용이하게 하기 위해 JSONP(JSON with Padding)가 도입되었습니다. 이 기술에는 JSON 데이터를 래핑하고 다른 도메인에서 액세스할 수 있도록 하는 데 사용할 수 있는 콜백 함수를 생성하는 작업이 포함됩니다. PHP에서 JSONP를 구현하는 방법은 다음과 같습니다.

콜백 매개변수 허용

먼저 GET 요청에서 "콜백"이라는 매개변수를 허용합니다.

<code class="php">if(array_key_exists('callback', $_GET)){
    ...
}</code>

콜백 함수 래핑

다음으로 데이터 주위에 콜백 JavaScript 함수를 래핑합니다. 예를 들면:

<code class="php">$callback = $_GET['callback'];
echo $callback.'('.$data.');';</code>

PHP 예제

다음은 PHP의 예제입니다:

<code class="php"><?php

$data = '{}'; // json string

if(array_key_exists('callback', $_GET)){

    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');

    $callback = $_GET['callback'];
    echo $callback.'('.$data.');';

}else{
    // normal JSON string
    header('Content-Type: application/json; charset=utf8');

    echo $data;
}
?></code>

JavaScript 사용법

JSONP 서비스를 활용하려면 스크립트 태그를 사용하면 됩니다.

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

개념 설명

JSONP의 핵심 아이디어는 콜백 함수를 호출하고 JSON 개체를 첫 번째 매개변수로 제공하는 JavaScript 파일입니다. PHP의 json_encode() 함수를 사용하면 배열과 개체를 JSON 문자열로 변환할 수 있습니다.

JSONP를 활용하면 서로 다른 도메인의 스크립트 간 통신을 설정하여 동일 출처 정책 제한을 효과적으로 우회하고 데이터를 활성화할 수 있습니다. 도메인 간 교환이 가능합니다.

위 내용은 도메인 간 JavaScript용 JSONP 콜백을 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!