도메인 간 요청을 위해 JavaScript로 JSONP 콜백을 생성하는 방법은 무엇입니까?-PHP 튜토리얼-php.cn

도메인 간 요청을 위해 JavaScript로 JSONP 콜백을 생성하는 방법은 무엇입니까?

Susan Sarandon

풀어 주다： 2024-10-22 20:54:00

원래의

787명이 탐색했습니다.

How to Create JSONP Callbacks in JavaScript for Cross-Domain Requests?

JavaScript에서 JSONP 콜백 생성

교차 도메인 요청은 JavaScript 개발에 어려움을 초래할 수 있습니다. 그러나 JSONP(JSON with Padding)는 이 문제에 대한 솔루션을 제공합니다.

JSONP용 JSON API 수정

JSON API에서 JSONP 기능을 활성화하려면 다음을 따르세요. 아래의 간단한 단계:

GET 요청에서 "콜백" 매개변수를 수락합니다.
```
if(array_key_exists('callback', $_GET)){
```
로그인 후 복사
데이터에 콜백 함수 배치:
```
$callback.'('.$data.');';
```
로그인 후 복사

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>

로그인 후 복사

JSONP 서비스 사용

JSONP 서비스를 활용하려면 HTML 스크립트 태그를 사용할 수 있습니다.

<code class="html"><script>
    function receiver(data){
        console.log(data);
    }
</script>

<script src="data-service.php?callback=receiver"></script></code>

로그인 후 복사

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