Membangun Ajax dengan jquery di CodeIgniter (bagian 1)

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.

Iklan
Perihal

I am system analyst, my specialization are Web programming, mobile programming also graphic design.

Tagged with: , , , , , ,
Ditulis dalam Lanjutan, Serba-serbi PHP

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Produk Promo
Desktop Mini PC Intel Core i3
Kategori Tulisan

Klik untuk mendapatkan Update melalui email anda

Bergabunglah dengan 164 pengikut lainnya

%d blogger menyukai ini: