Bagaimanakah jQuery dan PHP Boleh Memudahkan Permintaan Silang Asal Menggunakan JSONP?

Permintaan Silang Asal dengan JSONP: Contoh jQuery, PHP yang Mudah

Apabila berurusan dengan had yang dikenakan oleh dasar asal yang sama, JSONP muncul sebagai penyelesaian yang berkesan untuk permintaan silang asal. Teknik ini membolehkan anda mendapatkan semula data daripada sumber luaran sambil mengelakkan potensi kelemahan keselamatan.

jQuery dan JSONP

Untuk memulakan permintaan JSONP menggunakan jQuery, anda boleh menggunakan kaedah $.getJSON. Kaedah ini secara automatik mencetuskan permintaan JSONP, seperti yang ditunjukkan dalam coretan kod berikut:

$.getJSON('http://www.example.com/jsonp.php', {firstname: 'Jeff'}, function(res) {
    alert('Your name is ' + res.fullname);
});

PHP dan JSONP

Di bahagian pelayan, PHP berfungsi sebagai titik akhir untuk mengendalikan permintaan JSONP. Kaedah $.getJSON menambahkan parameter panggil balik pada rentetan pertanyaan URL, yang kemudiannya diproses oleh skrip PHP. Skrip mengembalikan respons yang dibalut dalam fungsi panggil balik, seperti yang ditunjukkan di sini:

<?php
$fname = $_GET['firstname'];
if ($fname == 'Jeff') {
    echo $_GET['callback'] . '(' . "{'fullname': 'Jeff Hansen'}" . ')';
}
?>

Perhatikan penggunaan $_GET['panggilan balik'] dan sintaks JSONP yang betul dalam membina respons. Ini memastikan bahawa fungsi panggil balik yang disediakan oleh pelanggan digunakan untuk merangkum respons.

Mengendalikan Keputusan HTML

Walaupun contoh yang diberikan terutamanya menggambarkan pertukaran data JSON, perlu diingat bahawa JSONP juga boleh digunakan untuk menghantar kandungan HTML. Untuk menampung ini, cuma pastikan bahawa skrip PHP membungkus HTML dalam fungsi panggil balik dan menghantarnya sebagai respons. JavaScript pihak pelanggan kemudiannya boleh menghuraikan dan memaparkan HTML mengikut keperluan.

Atas ialah kandungan terperinci Bagaimanakah jQuery dan PHP Boleh Memudahkan Permintaan Silang Asal Menggunakan JSONP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!