Bagaimana untuk Membuat Permintaan HTTP Cross-Domain dalam JavaScript Menggunakan JSONP?

Permintaan JSONP dalam JavaScript Menggunakan API Asli

Permintaan HTTP merentas domain sering menghadapi dasar asal yang sama, yang mengehadkan permintaan yang berasal dari domain yang berbeza atau domain tidak terjamin (HTTP) kepada domain selamat (HTTPS). JSONP (JSON dengan Padding) ialah teknik yang digunakan untuk memintas pengehadan ini, membenarkan kod JavaScript untuk mendapatkan semula data daripada domain lain.

Mencipta Permintaan JSONP

Untuk membuat permintaan JSONP tanpa perpustakaan luaran, ikuti langkah berikut:

1. Buat Fungsi Panggilan Balik: Tentukan fungsi JavaScript yang akan mengendalikan data respons. Nama fungsi ini akan digunakan sebagai parameter panggil balik dalam permintaan JSONP.

2. Bina URL Permintaan: URL permintaan JSONP hendaklah mengandungi parameter berikut:

   • URL pelayan tempat data dihoskan
   • Parameter panggil balik ditetapkan kepada nama fungsi panggil balik anda
   • Data yang anda mahu hantar (pilihan)
3. Buat Elemen Skrip: Cipta elemen dan tetapkan atribut srcnya kepada URL permintaan. Penyemak imbas akan melaksanakan skrip ini dan menghantar permintaan JSONP.
4. Tambahkan Elemen Skrip: Tambahkan elemen ke atau dokumen HTML anda, yang akan mencetuskan permintaan.

Contoh:

<code class="javascript">function foo(data) {
  // do stuff with data
}

var script = document.createElement('script');
script.src = '//example.com/path/to/jsonp?callback=foo';

document.head.appendChild(script);</code>

Menghuraikan Data Respons:

Setelah data respons diterima, fungsi panggil balik akan digunakan dengan data sebagai parameter. Anda boleh menghuraikan respons JSON menggunakan kaedah JSON.parse() terbina dalam JavaScript dan menggunakan objek yang terhasil dalam kod anda.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Permintaan HTTP Cross-Domain dalam JavaScript Menggunakan JSONP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!