XMLHttpRequest

untuk membuat sebuah obyek XMLHttpRequest baru tidak berbeda dng obyek2 biasa, yaitu:

[js]var httpReq = new XMLHttpRequest();[/js]

cara di atas berlaku untuk Mozilla dan Safari. Sedangkan untuk Internet Explorer sbb:

[js]var httpReq = new ActiveXObject(”Microsoft.XMLHTTP”);[/js]

Berikut adalah method2 pada obyek XMLHttpRequest yg didukung oleh ketiga browser di atas:

• abort() –> menghentikan request
• getAllResponseHeader() –> mengembalikan seluruh header dalam bentuk string
• getResponseHeader(”headerLabel”) –> mengembalikan nilai header untuk label header yg diminta
• open(”method”,”URL”[,asyncFlag[, "userName"[, "password"]]]) –> menyiapkan alamat tujuan, metode, atribut2 request lainnya. Parameter method diisi dgn “GET” atau “POST”, sedang parameter asyncFlag isi dng TRUE krn untuk menentukan apakah diproses scr asinkron atau tidak.
• send(content) –> melakukan request. Umumnya, content diisi dengan ‘null’.
• setRequestHeader(”label”,”value”) –> memberi nilai pada label header tertentu

Untuk saat ini, yg perlu dimengerti cukup hanyalah method open dan send. Lupakan dulu yg lain biar gak tambah bingung

Berikut contoh penggunaannya:

[js]var req;

function loadDoc(url) {
// browser Mozilla/Safari
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open(”GET”, url, true);
req.send(null);
// browser IE
} else if (window.ActiveXObject) {
req = new ActiveXObject(”Microsoft.XMLHTTP”);
if (req) {
req.onreadystatechange = processReqChange;
req.open(”GET”, url, true);
req.send();
}
}
}[/js]

Nah, ada istilah baru, yaitu atribut onreadystatechange. Atribut ini digunakan untuk mengatur event handler pada saat ada perubahan status pada proses XMLHttpRequest. Status ini disimpan pada atrbut readyState. Contoh:

[js]function processReqChange() {
if (req.readyState == 4) {
//proses di sini
}
}[/js]

Nilai2 yg memungkinkan pada readyState adalah 0-4, yaitu untuk (scr berurutan): uninitialized, loading, loaded, interactive, dan complete.

Atribut2 lain yg ada pada obyek XMLHttpRequest adalah:

• responseText –> string yg berisi output proses
• responseXML –> obyek DOM yg berisi output proses
• status –> kode yg dikembalikan server (404, 200, 500, dsb)
• statusText –> string text yg dikembalikan bersama dng status

Yah, sudah cukup teorinya ) Pada bagian2 selanjutnya kita akan mencoba membuat aplikasi web yg sederhana dng memanfaatkan Ajax ini.

Pages: 1 2