Implementasi AJAX bisa bermacam2. Seorang teman saya memasukkan semua fungsi AJAXnya ke dalam satu js file, yang akan dengan mudah diload ke dalam file yang membutuhkan fungsi AJAX tersebut.

var xmlhttp;

//variabel ini untuk menampilkan halaman yang sudah diupdate
var mydiv;

Salah satu contoh fungsinya adalah sebagai berikut:

function showTransactions(str,str1)
{

xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert (“Your browser does not support AJAX!”);
return;
}
var url=”ajaxTransactions.php”;

mydiv = “show_transactions”;

str=document.form1.string1.value;
str1=document.form1.string2.value;

url=url+”?str=”+str+”&str1=”+str1;
url=url+”&sid=”+Math.random();

xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open(“GET”,url,true);
xmlhttp.send(null);
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject(“Microsoft.XMLHTTP”);
}
return null;
}

function stateChanged()
{
if (xmlhttp.readyState==4)
{
if (mydiv==”show_transactions”)
{
document.getElementById(“txtTransaction”).innerHTML=xmlhttp.responseText;
}

}
}
}