Bagaimana untuk Melaksanakan Panggilan Balik JSONP untuk JavaScript Cross-Domain?

Pelaksanaan Panggilan Balik JSONP untuk JavaScript Cross-Domain

Untuk memudahkan komunikasi antara domain yang berbeza, JSONP (JSON dengan Padding) telah diperkenalkan. Teknik ini melibatkan mencipta fungsi panggil balik yang boleh digunakan untuk membungkus data JSON dan menjadikannya boleh diakses daripada domain lain. Begini cara untuk melaksanakan JSONP dalam PHP:

Menerima Parameter Panggilan Balik

Pertama, dalam permintaan GET, kami menerima parameter yang dipanggil "panggilan balik":

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

Membungkus Fungsi Panggilan Balik

Seterusnya, kami membungkus fungsi JavaScript panggilan balik di sekeliling data kami. Contohnya:

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

Contoh PHP

Berikut ialah contoh dalam 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>

Penggunaan JavaScript

Untuk menggunakan perkhidmatan JSONP, anda boleh menggunakan teg skrip:

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

Penjelasan Konsep

Idea teras di sebalik JSONP adalah untuk mengembalikan Fail JavaScript yang menggunakan fungsi panggil balik dan menyediakan objek JSON sebagai parameter pertama. Fungsi json_encode() dalam PHP boleh digunakan untuk menukar tatasusunan dan objek kepada rentetan JSON.

Dengan menggunakan JSONP, anda boleh mewujudkan komunikasi antara skrip daripada domain yang berbeza, dengan berkesan memintas had dasar asal yang sama dan mendayakan data pertukaran merentas domain.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Panggilan Balik JSONP untuk JavaScript Cross-Domain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!