Rumah  >  Artikel  >  hujung hadapan web  >  Perbincangan ringkas tentang perbezaan antara JSON dan JSONP dan penggunaan jQuery's ajax jsonp_jquery

Perbincangan ringkas tentang perbezaan antara JSON dan JSONP dan penggunaan jQuery's ajax jsonp_jquery

WBOY
WBOYasal
2016-05-16 16:30:401413semak imbas

JSON dan JSONP

JSON (JavaScript Object Notation) ialah format pertukaran data ringan yang digunakan untuk bertukar maklumat antara penyemak imbas dan pelayan.

JSONP (JSON With Padding) ialah JSON (atau JSON yang dibungkus) yang dibungkus dalam panggilan fungsi.

JSON ialah format data dan JSONP ialah kaedah panggilan data.

Salin kod Kod adalah seperti berikut:

//JSON
{
“nama”: “sb”
}

Salin kod Kod adalah seperti berikut:

//JSONP
panggil balik({
“nama”: “sb”
})

Atas sebab keselamatan, skrip (AJAX) tidak boleh mengakses kandungan di luar domain ini. Walau bagaimanapun, sumber statik tidak dihadkan oleh dasar domain dan boleh memuatkan skrip, gaya, gambar dan sumber statik lain daripada mana-mana domain JSOP menggunakan prinsip ini untuk mencapai pemerolehan data merentas domain.

Contoh 1:

Salin kod Kod adalah seperti berikut:

//Tentukan fungsi shoPrice
function showPrice(data) {
alert("Simbol: " data.symbol ", Harga: " data.price);
}

Salin kod Kod adalah seperti berikut:

//Sertakan fungsi dan parameter showPrice dalam halaman Web

Contoh ini menunjukkan cara memanggil fungsi JavaScript dengan data JSON statik sebagai parameter.

Contoh 2:

Panggilan fungsi pertama boleh ditulis dalam fail js dan diletakkan pada pelayan, dimuatkan ke dalam halaman menggunakan teg skrip, dan teg ini boleh dibuat secara dinamik.

Salin kod Kod adalah seperti berikut: