AJAX FUNDAMENTAL 3 Response to a html file

FILE 1 : index.php


<html>
<head>
<title>Request file dengan Ajax</title>
<script language = "javascript">
var XMLHttpRequestObject=false;
if (window.XMLHttpRequest) {
  XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
  XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHttp");
}
function getdata(url,divhasil) {
  if (XMLHttpRequestObject) {
    var obj = document.getElementById(divhasil);
    XMLHttpRequestObject.open("GET", url);
    XMLHttpRequestObject.onreadystatechange = function() {
    if (XMLHttpRequestObject.readyState == 4 &&

XMLHttpRequestObject.status == 200) {
      obj.innerHTML = XMLHttpRequestObject.responseText;
    }
    }
  XMLHttpRequestObject.send(null);
  }
}
</script>
</head>
<body>
<h1>Mengambil data dari file HTML</h1>
<form>
<input type="button" value="Tampilkan Data" onclick="getdata

('test.html','divhasil')">
</form>
<div id="divhasil">

</div>
</body>
</html>


FILE 2 : test.html

<html>
<body>

<h1>this is test.html file </h1>

</body>
</html>