9.1 $ obyek lan metode ajax ing jQuery
jQuery uga nduweni obyek global khusus kanggo nggarap jaringan. Minangka sampeyan bisa guess, iku disebut $
. Ya kuwi jenenge. Nanging prasaja lan trep.
Contone, sampeyan pengin ngirim panjalukan menyang API ing JavaScript lan ngolah respon sing ditampa. Iki bisa ditindakake kaya mangkene:
$.ajax({
type: "POST",
url: "api.codegym.cc",
data: {name: 'Bill', location: 'Radmond'},
success: function(msg){
alert( "Person found: " + msg );
}
});
Iku, kode kabeh. $
Kita nelpon cara ing obyek ajax()
, ngendi kita pass obyek sing njlèntrèhaké kabeh kita perlu: loro panjalukan lan respon.
- Kolom kasebut
type
nemtokake jinis panjalukan HTTP:GET
utawaPOST
- Kolom kasebut
url
nemtokakeurl
manawa panjaluk kasebut bakal dikirim. - Kolom kasebut
data
nemtokake data panyuwunan ing format JSON - Kolom sukses nemtokake fungsi sing bakal diarani sawise respon sukses saka server.
9.2 Pitakonan migunani
Nanging yen sampeyan ora perlu nransfer data, panjalukan bisa ditulis malah luwih cendhek. Contone, sampeyan bisa nulis panjalukan POST prasaja kaya iki :
$.post("ajax/test.html", function( data ) {
$( ".result" ).html( data );
});
Apa sampeyan ngerti apa kode kasebut $( ".result" ).html( data );
? Coba tebak...
Iku nemokake unsur karo kelas asil ing document, lan nambah kode HTML nang - data data
. Dadi ing sawetara baris sampeyan bisa ndownload data saka server lan ditambahake menyang kaca sampeyan. Inggih, iku ora ayu? :)
Panjaluk GET uga bisa ditulis ing sawetara baris:
$.get("ajax/test.html"., function( data ) {
$( ".result" ).html( data );
});
Apa sampeyan pengin ngundhuh lan nglakokake skrip?
$.ajax({
method: "GET",
url: "test.js",
dataType: "script"
});
Njaluk kaca HTML paling anyar?
$.ajax({
url: "test.html",
cache: false
})
.done(function( html ) {
$( "#results" ).append( html );
});
Ana sawetara dokumentasi jQuery sing apik banget ing internet:
Kajaba iku, kabeh pitakonan umum gampang digoleki lan ana ing StackOverflow.
GO TO FULL VERSION