Jquery sekarang sudah tidak asing lagi di telinga para programmer. Dalam Jquery ada fasilitas membuat ajax yang lebih dari yang saya duga. Sebelumnya saya membuat ajax dengan menggunakan xmlhttprequest biasa yang saya bangun dengan manual sekarang setelah menemukan cara di jquery skrip yang semula panjang dan rumit menjadi sangat pendek dengan tidak mengurangi performance. Bahkan kalau saya pikir-pikir cara atau metode yang ditawarkan oleh jquery lebih mudah untuk dikombinasikan dengan kode dalam program kita.
Langsung saja, ada beberapa cara yang sudah saya gunakan untuk membuat ajax dengan jquery. Pertama dengan metode yang lumayan panjang seperti ini:
$.ajax({ type:'GET', //type yang digunakan yaitu get bisa juga post url:'', //saya coba meload halaman coba1.htm datatype:'html', // datanya berupa html (bisa juga json dan xml) success:function(data,textStatus){ //bila sukses akan meload halaman dibawah $(".oey").html(data); }, error:function(xhr, textStatus, errorThrown) { //bila gagal akan meload pesan alert('Error mas! ' + ( errorThrown ? errorThrown : xhr.status )); } });
Dengan cara diatas tinggal kita ikutkan pada trigger disebuah komponen, maka sudah bisa jalan.
Kedua dengan metode berikut:
$.get('tampil.php', {'kirim': $(this).text()},function(data){ $(".oey").html(data)});
Metode diatas digunakan juga bertype get (bisa diganti dengan post) mengirim dan mengambil reaksi file tampil.php secara langsung dengan parameter variabel kiriman yaitu kirim. Isi yang dikirim pada saat metode ini di proses adalah text komponen dimana ditempatkan triggernya yaitu $(this).text().
Ketiga dengan cara yang paling singkat
$(".oey").load('tampil.php',{'kirim':$(this).val()});
Ini adalah cara tersingkat, dengan ketentuan yang dikirim typenya post. Parameternya tetap pada variabel kirim hampir sama dengan cara kedua. Namun tidak dapat ditangkap dengan menggunakan type get. Nah yang unik lagi bila cara-cara diatas digunakan di CodeIgniter ternyata bila kita menggunakan settingan keamanan = True, ada yang tidak bisa digunakan. Silahkan baca di artikel bagian 2.
Tinggalkan Balasan