Contoh penggunaan getJSON() dalam jQuery ajax_jquery

Contoh
Muatkan data JSON daripada test.js dan paparkan data medan nama dalam data JSON:

Salin kod Kod adalah seperti berikut:

$.getJSON("test.js", function(json){
alert("Data JSON: " json.users[3].name);
});

Definisi dan penggunaan
Muatkan data JSON melalui permintaan HTTP GET.

Dalam jQuery 1.2, anda boleh memuatkan data JSON daripada domain lain dengan menggunakan fungsi panggil balik gaya JSONP, seperti "myurl?callback=?". jQuery secara automatik akan menggantikan ? dengan nama fungsi yang betul untuk melaksanakan fungsi panggil balik. Nota: Kod selepas baris ini akan dilaksanakan sebelum fungsi panggil balik ini dilaksanakan.

Tatabahasa
jQuery.getJSON(url,[data],[panggilan balik])

Penerangan Parameter
url Alamat URL halaman yang akan dimuatkan.
data Kunci / parameter nilai untuk dihantar.
panggil balik Fungsi panggil balik yang dilaksanakan apabila memuatkan berjaya.

Penerangan terperinci

Fungsi ini ialah singkatan fungsi Ajax, yang bersamaan dengan:

Salin kod Kod adalah seperti berikut:

$.ajax({
url: url,
data: data,
kejayaan: panggil balik,
dataType: json
});

Data yang dihantar ke pelayan boleh dilampirkan pada URL sebagai rentetan pertanyaan. Jika nilai parameter data ialah objek (peta), ia ditukar kepada rentetan dan dikodkan URL sebelum dilampirkan pada URL.

Data pengembalian yang dihantar ke panggil balik boleh menjadi objek JavaScript atau tatasusunan yang ditakrifkan dalam struktur JSON dan dihuraikan menggunakan kaedah $.parseJSON().

Lagi contoh

Contoh 1
Muatkan 4 gambar kucing terbaharu daripada Flickr JSONP API:

Kod HTML:

Salin kod Kod adalah seperti berikut:

Kod jQuery:

Salin kod Kod adalah seperti berikut:

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?
tags=cat&tagmode=any&format=json&jsoncallback=?", fungsi(data){
$.each(data.item, fungsi(i,item){
$("").attr("src", item.media.m).appendTo("#images");
Jika ( i == 3 ) kembalikan palsu;
});
});

Contoh 2
Muatkan data JSON daripada test.js, tambah parameter dan paparkan data medan nama dalam data JSON:

Salin kod Kod adalah seperti berikut:

$.getJSON("test.js", { name: "John", masa: "2pm" }, function(json){
alert("Data JSON: " json.users[3].name);
});