Sedikit mengenai Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability, untuk lebih jelas (http://id.wikipedia.org/wiki/AJAX).

Disamping Kelebihan Ajax, tentu pasti ada kekurangannya, AJAX (Asynchronous JavaScript and XML) atau disebut juga Web 2.0, ternyata punya masalah utama yaitu tidak bersahabat dengan Search Engine, karena AJAX mengandalkan JavaScript dan CSS/XML. Ini artinya semua fitur AJAX tidak dapat di akses oleh search engine atau pengunjung yang men-disable javascript-nya.

AJAX (disisi user) merupakan alternatif untuk kenyamanan bagi user (Contohnya GMail), dimana browser tidak akan mengambil seluruh halaman, tapi hanya loading bagian yang perlu di ganti saja dari halaman tersebut. Sayangnya kenyamanan ini harus dibayar cukup mahal, karena search engine tidak akan mengenali seluruh isi dari website tersebut.

Dari sisi pandangan bisnis/marketing ini menjadi masalah besar karena tidak dapat ter-index secara baik oleh search engine. Bayangkan saja jika anda memiliki situs dengan banyak halaman, tapi yang terindex oleh search engine hanya halaman depan saja. Ini tentu saja akan mengurangi peluang dari calon pengunjung anda untuk dapat mencari situs anda melalui search engine.

Ya biar bagaimanapun bagi anda yang selalu ingin mencobanya ini contoh simple pembuatannya:

buat file ahah.htm…

<ul id="tabs">
 <li><a href="load('javascript.htm');">JavaScript</a></li>
 <li><a href="load('ahah.htm');">AHAH</a></li>
 <li><a href="load('ajax.htm');">AJAX</a></li>
</ul>

<div id="content"></div>

tambahkan pada tag <head> ahah.htm…

<script language="javascript" type="text/javascript" src="ahah.js"></scirpt>
<script language="javascript" type="text/javascript">
//Calls the library function 'ahah' - defined in 'ahah.js' file.
function load(filename) {
 ahah(filename,"content");
}
</script>

isi file ahah.js…

function ahah(url, target) {
  document.getElementById(target).innerHTML = ' Fetching data...';
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    req = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (req != undefined) {
    req.onreadystatechange = function() {ahahDone(url, target);};
    req.open("GET", url, true);
    req.send("");
  }
}  

function ahahDone(url, target) {
  if (req.readyState == 4) { // only if req is "loaded"
    if (req.status == 200) { // only if "OK"
      document.getElementById(target).innerHTML = req.responseText;
    } else {
      document.getElementById(target).innerHTML=" AHAH Error:\n"+ req.status + "\n" +req.statusText;
    }
  }
}

file yang akan dipanggil javascript.htm…

<h1>JavaScript</h1>

<p><b><u>JavaScript</u></b> is Netscape's cross-platform, object-based scripting
language for client and server applications. It has dominated the world of internet scripting languages
for a long time now. With the arrival of new programming methods like <a class="tooltip"
title="AJAX : Asynchronous JavaScript and XML" href="http://en.wikipedia.com/wiki/AJAX">AJAX</a>,
it is much more popular now than ever before.</p>

<p>See the wikipedia article on <a  href="http://en.wikipedia.com/wiki/JavaScript">JavaScript</a>
 for more info on this language.</p>

Selesai “Selamat Mencoba…”
GBU