CodeGym /Kursus Jawa /3. modul /Jaringan karo jQuery

Jaringan karo jQuery

3. modul
tingkat , wulangan
kasedhiya

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 typenemtokake jinis panjalukan HTTP: GETutawaPOST
  • Kolom kasebut urlnemtokake urlmanawa panjaluk kasebut bakal dikirim.
  • Kolom kasebut datanemtokake 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:

jQuery API

jQuery.ajax()

Kajaba iku, kabeh pitakonan umum gampang digoleki lan ana ing StackOverflow.

Komentar
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION