Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah Saya Boleh Membuat Permintaan JSONP dengan JavaScript Biasa?

Bagaimanakah Saya Boleh Membuat Permintaan JSONP dengan JavaScript Biasa?

DDD
DDDasal
2024-10-29 22:43:02619semak imbas

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
}

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';

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);

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!

Kenyataan:
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