Bagaimana untuk Membuat Permintaan JSONP dalam JavaScript Tanpa Perpustakaan Luaran?

Mencipta Permintaan JSONP dalam JavaScript Tanpa Pustaka Luaran

Untuk permintaan merentas domain, JSONP (JSON dengan Padding) membenarkan pengambilan semula data daripada domain yang berbeza. Daripada bergantung pada perpustakaan luaran seperti jQuery, JavaScript boleh melakukannya secara asli.

Untuk memulakan permintaan JSONP:

1. Buat Fungsi Panggilan Balik:
   Tulis fungsi JavaScript, dalam kes ini "foo", yang akan dipanggil dengan data yang diminta.
2. Bina URL Permintaan:
   Rumuskan URL permintaan JSONP dengan titik akhir yang sesuai , parameter dan nama fungsi panggil balik. URL ini biasanya akan berakhir dengan "?callback=foo".
3. Buat Elemen Skrip:
   Menjana elemen skrip secara dinamik menggunakan DOM JavaScript. Tetapkan atribut "src" elemen ini kepada URL permintaan JSONP.
4. Tambah Skrip pada Dokumen:
   Tambahkan elemen skrip yang baru dibuat pada unsur. Tindakan ini akan mencetuskan permintaan secara automatik.

Kod Contoh:

function foo(data) {
    // Process and utilize the JSON data
}

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

document.head.appendChild(script);

Dengan menggunakan langkah-langkah ini, anda dengan berkesan memulakan permintaan JSONP tanpa pustaka luaran, membolehkan anda mendapatkan semula silang- data JSON domain dan memprosesnya dalam kod JavaScript anda.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Permintaan JSONP dalam JavaScript Tanpa Perpustakaan Luaran?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!