var xmlHttp = createXmlHttpRequest();
var obj = '';

function createXmlHttpRequest() {
  var xmlHttp = false;
  if (window.ActiveXObject) {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } else {
    xmlHttp = new XMLHttpRequest();
  }
  if (!xmlHttp) {
    alert("Gagal menciptakan Objek");
  }
  return xmlHttp;
}


function getData(source, divID) {
  // Proses jika objek komplit (kode = 4)
  // atau belum diinisialisasi (kode = 0)
  if (xmlHttp.readyState == 4 ||
  xmlHttp.readyState == 0) {
    obj = divID;
    // Eksekusi source dari server
    xmlHttp.open("GET", source);
    // Mendefinisikan fungsi untuk
    // menangani respon server
    xmlHttp.onreadystatechange = handleRespon;
    // Membuat request
    xmlHttp.send(null);
  } else {
    // Jika gagal, coba setelah 1 detik
    setTimeout('getData(source, divID)', 1000);
  }
}


function handleRespon() {  // Proses jika objek komplit (kode = 4)
  if (xmlHttp.readyState == 4) {
    // Jika kode respon HTTP = 200 (OK)
    if (xmlHttp.status == 200) {
      // Set teks
      document.getElementById(obj).innerHTML = xmlHttp.responseText;
    } else {
      alert("Error: " + xmlHttp.statusText);
    }
  // Jika belum komplit
  // tampilkan animasi indikator
  } else {
    document.getElementById(obj).innerHTML = '<p><center><img src="images/anim.gif"></center></p>';
  }
}