// membuat connector ke AJAX object.
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
	// buat firefox dan opera (dan mungkin browser lain)	
	XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
	// buat internet explorer
	XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

//sayHello
function sayHello() {
	// mengambil reference ke <div> yang akan kita ubah isinya nanti
	var obj = document.getElementById("isi");
	
	// kalau browser-nya support Ajax
	if(XMLHttpRequestObject) {
		// membuka koneksi ke server (dalam contoh ini adalah PHP)
		XMLHttpRequestObject.open("GET", "hello.php");
		
		// mempersiapkan fungsi "onreadystatechange"
		// fungsi ini akan dipanggil setiap kali ada response dari server
		XMLHttpRequestObject.onreadystatechange = function() {
			if (XMLHttpRequestObject.readyState == 4 &&
			XMLHttpRequestObject.status == 200) {
				// kalau readyState-nya 4 (completed) dan status-nya
				// 200 (sukses), maka isi div-nya kita ubah sesuai
				// response dari server
				var response = XMLHttpRequestObject.responseText;
				obj.innerHTML = response;
			}
		}
		
		// di sinilah request-nya dilakukan...
		XMLHttpRequestObject.send(null);
	}
	// kalau tidak support Ajax :(
	else {
		obj.innerHTML = "Sorry, your browser doesn't support AJAX.";
	}
}