Bagaimanakah JSONP Menyelesaikan Masalah Pengambilan Data Silang Asal?

JSONP: Pengambilan Data Silang Asal Dipermudahkan

Apabila berurusan dengan permintaan web silang asal, dasar asal yang sama boleh menimbulkan cabaran . JSONP (JSON dengan Padding) muncul sebagai penyelesaian untuk menangani isu ini. Berikut ialah penjelasan langkah demi langkah tentang cara melaksanakan permintaan jQuery, PHP dan JSONP asas untuk mendapatkan semula data daripada domain yang berbeza:

Permintaan jQuery

$.getJSON('http://www.write-about-property.com/jsonp.php?callback=?', { firstname: 'Jeff' }, function(res) {
  alert('Your name is ' + res.fullname);
});

Respon PHP

<?php
  $fname = $_GET['firstname'];
  if ($fname == 'Jeff') {
    echo $_GET['callback'] . '(' . "{'fullname' : 'Jeff Hansen'}" . ')';
  }
?>

Kunci Pengubahsuaian:

• ?panggilan balik=?: Dalam JSONP, pelayan menyertakan fungsi panggil balik dalam respons. ?panggilan balik=? membolehkan penyemak imbas menyediakan fungsi panggil balik yang dijana secara dinamik untuk pelayan.
• $_GET['callback'] . '(': Pelayan menggunakan JavaScript untuk memanggil fungsi panggil balik yang disediakan oleh penyemak imbas.
• res.nama penuh: Kod JavaScript mengakses JSON yang dikembalikan daripada pelayan dan memaparkan nilai 'nama penuh'.

HTML dalam Respons

Ya, anda boleh menyimpan HTML dalam hasilnya dan ia akan dikembalikan sebagai rentetan Kod JavaScript kemudiannya akan mengendalikan HTML mengikut kesesuaian.

Contoh Penggunaan.

Contoh ini mendapatkan semula nama penuh 'Jeff' daripada skrip PHP yang terletak di 'http://www.write-about-property.com/jsonp.php' Jika nama itu sepadan dengan 'Jeff', nama penuh 'Jeff Hansen' dikembalikan.

Atas ialah kandungan terperinci Bagaimanakah JSONP Menyelesaikan Masalah Pengambilan Data Silang Asal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!