Bagaimanakah Saya Boleh Membuat Permintaan JSONP dengan JavaScript Biasa?

DDD
Lepaskan: 2024-10-29 22:43:02
asal
617 orang telah melayarinya

How Can I Make JSONP Requests with Plain JavaScript?

Menggunakan JavaScript Biasa untuk Permintaan JSONP: Panduan Langkah demi Langkah

Untuk memudahkan pertukaran data antara domain, JSONP (JSON dengan Padding ) muncul sebagai teknik yang membenarkan permintaan HTTP merentas domain. Walaupun perpustakaan seperti jQuery menyediakan kaedah yang mudah untuk JSONP, adalah mungkin untuk melaksanakannya tanpa kebergantungan luaran menggunakan JavaScript itu sendiri.

Mencipta Fungsi Panggilan Balik JSONP:

Pertama, tentukan a fungsi panggil balik untuk mengendalikan respons JSON. Fungsi ini akan digunakan apabila pelayan luaran mengembalikan data dan anda boleh menggunakannya untuk menghuraikan dan menggunakan data.

Contoh:

function foo(data) {
    // Perform operations on the JSON data
}
Salin selepas log masuk

Menjana Teg Skrip JSONP:

Seterusnya, buat tag dan tetapkan atribut 'src'nya kepada titik akhir JSONP. Sertakan nama fungsi panggil balik sebagai parameter pertanyaan, didahului dengan 'panggilan balik='.

Contoh:

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

Melampirkan Skrip pada Halaman:

Tambahkan tag pada elemen dokumen. Ini akan mencetuskan permintaan HTTP ke pelayan luaran.

Contoh:

document.getElementsByTagName('head')[0].appendChild(script);
// Or, for modern browsers: document.head.appendChild(script);
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Permintaan JSONP dengan JavaScript Biasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!