Bagaimanakah jQuery dan PHP Boleh Melaksanakan JSONP untuk Permintaan Silang Asal?

JSONP dengan jQuery dan PHP: Contoh Permintaan Silang Asal

Memahami konsep JSONP boleh menjadi mencabar, terutamanya apabila cuba melaksanakan dalam projek anda sendiri. Dalam artikel ini, kami akan menyediakan contoh mudah tetapi berkesan yang menggabungkan jQuery, PHP dan JSONP. Dengan mengikuti demonstrasi ini, anda akan mendapat pemahaman yang jelas tentang cara melaksanakan permintaan silang asal menggunakan mekanisme ini.

Cabaran

Mari kita pertimbangkan senario di mana kita mempunyai halaman web yang dihoskan pada satu domain (cth., mywebsite.com) dan pelayan yang mengehoskan beberapa data yang ingin kami akses pada domain lain (cth., someotherserver.com). Disebabkan dasar asal yang sama, mengakses data secara langsung menggunakan kaedah Ajax tradisional tidak akan dapat dilakukan.

Masukkan JSONP: Penyelesaian Silang Asal

JSONP ialah teknik yang membolehkan anda membuat permintaan silang asal dengan memanfaatkan fakta bahawa penyemak imbas tidak mengenakan sekatan asal yang sama pada teg skrip. Pada dasarnya, kami boleh membungkus data yang ingin kami dapatkan semula ke dalam panggilan fungsi dan menggunakan teg skrip untuk memuatkannya.

Kaedah jQuery $.getJSON

Apabila menggunakan jQuery untuk membuat permintaan JSONP, anda boleh menggunakan kaedah $.getJSON(). Kaedah ini secara automatik mengesan dan mengendalikan permintaan silang asal menggunakan JSONP.

Skrip Bahagian Pelayan PHP

Di bahagian pelayan, kami mencipta skrip PHP untuk mengendalikan meminta dan mengembalikan data dalam format yang diharapkan oleh JSONP. Kami akan menggunakan ?panggilan balik=? parameter untuk menentukan fungsi panggil balik yang akan digunakan untuk membalut data yang dikembalikan.

Menguji Contoh

Untuk menguji contoh kami, kami akan menggunakan jQuery pada halaman web dan PHP pada pelayan. Kod jQuery akan membuat permintaan JSONP kepada pelayan, dan skrip PHP sebelah pelayan akan mengembalikan data yang dibungkus dalam fungsi panggil balik. Setelah menerima respons, jQuery akan melaksanakan panggilan balik dan memproses data yang dikembalikan.

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