Ajax -Part 2 Lebih lanjut tentang XmlHttpRequest

24 10 2009

Setelah sekian lama tidak sempat online, akhirnya ada waktu luang untuk kembali menjamah weblog ini…hehehe. Melanjutkan tulisan sebelumnya yang berjudul “Ajax (Asynchronous JavaScript and Xml) – Part 1 yang membahas tentang AJAX secara umum dan juga proses serta cara kerja atau prinsip kerja AJAX, dimana perlu digarisbawahi bahwa AJAX bukanlah sebuah bahasa pemrograman web yang baru, tetapi AJAX adalah sebuah metode baru dalam dunia website yang menggabungkan beberapa bahasa pemrograman web atau standart web (tag) yang sudah ada.

Pada bagian kedua ini akan memaparkan beberapa sifat penting daripada Object XmlHttpRequest, Ada 3 sifat penting (property) dari Object XmlHttpRequest sebelum data dikirim ke server, Yaitu:

  1. The onReadyStateChange property
  2. The ReadyState property
  3. The ResponText property

Selanjutnya akan kita bahas satu-persatu ke-3 property tersebut

1. The onReadyStateChange property

Setelah melakukan permintaan ke server, kita memerlukan suatu fungsi (function) untuk menerima data yang di kembalikan dari server. Property ini (onReadyStateChange) menyimpan fungsi yang akan memproses respon dari server, fungsi tersebut disimpan dalam property untuk dipanggil secara otomatis.

Berikut adalah kode (secara garis besar) yang di tetapkan pada fungsi property onReadyStateChange:

xmlhttp.onreadystatechange=function()
{
// kita akan menuliskan beberapa kode disini
}

2. The ReadyState Property

Property ini memegang status dari respon server, setiap kali property ReadyState berubah fungsi onReadyStateChange akan di eksekusi.

Berikut adalah beberapa nilai untuk property ReadyState :

State Description Keterangan
0 The request is not initialized Permintaan tidak diinisialisasi
1 The request has been set up Permintaan telah ditetapkan
2 The request has been sent Permintaan telah dikirim
3 The request is in process Permintaan sedang dalam proses
4 The request is complete Permintaan selesai

Selanjutnya tambahkan pernyataan If ke fungsi onReadyStateChange untuk menguji apakah respon telah selesai (berarti, bahwa kita sekarang bisa mendapatkan data tersebut). Listing programnya kurang lebih sbb :

xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
  {
  // mendapatkan data dari respon server
  }
}

3. The responseText Property

Data dikirim kembali dari server dapat diambil dengan property responseText. Sekarang, kita ingin menetapkan nilai dari “Waktu” field input sama dengan responseText:

xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
  {
  document.myForm.time.value=xmlhttp.responseText;
  }
}

Sekian bahasan untuk 3 property yang merupakan sifat dari Object XmlHttpRequest. Mohon maaf apabila ada beberapa kekurangan untuk bahasan Ajax Part -2. Mungkin di lain kesempatan akan di jelaskan lagi secara mendetail. Dan bersambung untuk part selanjutnya (part 3)

Thanks……

Reff  : wikipedia, google, w3schools


Actions

Information

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




%d bloggers like this: