Membentuk Object XMLHttpRequest

Untuk membentuk sebuah object XMLHttpRequest anda dapat menggunakan kode berikut ini :
function getXMLHttpRequest(){
//jika user menggunak IE
if(window.ActiveXObject){
return new ActiveXObject(“Microsoft.XMLHTTP”);
}else if(window.XMLHttpRequest){
//user menggunakan browser selain IE
return new XMLHttpRequest();

}else {alert(“Status : can not create XMLHttpRequest Object”);}
}
Mengirim Request ke Server
Setelah selesai membuat object XMLHttpRequest anda dapat mengirim request ke server. Saat mengirim request ke server anda harus menentukan request method yang digunakan, apakah akan menggunakan GET atau POST. Jika anda ingin menampilkan informasi dari server maka anda akan menggunakan method GET, sedangkan jika anda mengirim informasi ke server maka gunakan method POST. Pada tutorial ini ada akan belajar menggunakan method GET (POST akan dijelaskan pada tutorial selanjunya). Untuk mengirim request ke server menggunakan method GET, anda dapat menggunakan kode di bawah.
var xmlhttp=getXMLHttpRequet();
function sendRequest(pageUrl,elementID){
var obj=document.getElementById(elementID);
var obj.innerHTML=’loading… please wait’;
if(xmlhttp.readyState==4 || xmlhttp.readyState==0){
xmlhttp.open(“GET”,pageUrl,true);
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4 && xmlhttp.status==200){
obj.innerHTML=xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
}
function di atas mengambil parameter HTML element ID dan URL dari file yang ada di server. Pertama yang dilakukan adalah mengganti properti innerHTML dari HTML element, untuk menampilkan text “loading…please wait”. Kemudian membuka koneksi ke server dengan method open(). Jika properti readyState sama dengan 4 (complete) dan status sama dengan 200 (OK) maka tampilkan response dari server dengan mengganti properti innerHTML dari element HTML dengan properti responseText dari object XMLHttpRequest.