XMLHttpRequest
Seperti yang sudah dibahasa pada posting saya sebelumnya, AJAX menggunakan object javascript XMLHTTPRequest untuk berkomunikasi dengan web server.Objek javascript XMLHttpRequest atau yang biasa disingkat xhr,seperti namanya,akan memungkinkan kita untuk membuat request melalui protokol http ke web server dengan return XML.
Membuat objek XMLHttpRequest
var xhr = null;
if (window.XMLHttpRequest) //Firefox dan lainnya
xhr = new XMLHttpRequest();
else if (window.ActiveXObject) {//Internet Explorer
try {
xhr = new ActiveXObject ("MSXML2.XMLHTTP");
} catch(e) {
xhr = new ActiveXObject ("Microsoft.XMLHTTP");
}
} else {
//XMLHttpRequest tidak didukung oleh browser Anda
alert ("Browser Anda tidak mendukung objek XMLHttpRequest ...");
xhr = false;
}
Penggunaan Objek XMLHttpRequest
| Property / Method | Deskripsi |
|---|---|
| open("method","url",flag) | Membuka koneksi ke server. method: metode koneksi "GET" atau "POST" url: url tujuan koneksi flag: tipe boolean, true jika asynchronous. |
| setRequestHeader("nama","nilai") | Mengeset HTTP header dalam request. Contoh: POST nama->"Content-Type" value->"application/x-www-form-urlencoded" |
| send("params") | mengirim parameter request. Jika menggunakan metode GET, parameter akan diset null namun parameter dikirim melalui url query string. Jika menggunakan metode POST, parameter akan dikirim melalui form. |
| abort() | Membatalkan request |
| onreadystatechange | fungsi yang akan dieksekusi ketika terjadi perubahan pada objek. |
| readyState | fungsi yang menguji fungsi onreadystatechange. 0: Not Initialized (belum / tidak di inisiasi) 1: Open (telah dibuka) 2: Sent (telah dikirim) 3: In Progress (dalam proses) 4: Ready (semua data telah dimuat) |
| status | respon status dalam kode |
| statusText | respon status dalam format teks |
| responseText | respon pesan yang dikembalikan server dalam format text |
| responseXML | respon pesan yang dikembalikan server dalam format XML |
