Untuk dapat mengembangkan aplikasi web dengan tehnik AJAX ini kita perlu mengkombinasikan beberapa hal berikut:

• Javascript untuk membuat object XMLHttpRequest yang kita gunakan untuk berkomunikasi dengan server secara behind the scene.
• DOM (Document Object Model), hasil proses yang diterima akan kita tampilkan dengan memanipulasi object DOM yang telah kita persiapkan sebelumnya untuk menampilkan data hasil proses yang diberikan server.
• XML (eXtensible Markup Language) format data yang dikembalikan oleh server, data XML ini siap dibaca dan ditampilkan untuk mengupdate content pada halaman web.

secara sederhana kita akan memanfaatkan beberapa kombinasi diatas untuk membuat aplikasi

web dengan tehnik AJAX ini, namun kita masih dapat mengembangkannya lebih lanjut setelah

mengetahui proses kerja dari tehnik AJAX ini.

Kelebihan utama AJAX sendiri terletak pada pemanfaatan class object XMLHttpRequest untuk

berkomunikasi dengan Web Server secara background dalam melakukan request.

Saat ini terdapat banyak aplikasi web browser, dan yang agak sedikit menyebalkan adalah

karena masing‐masing browser mempunyai standart dan cara berbeda untuk membuat object

XMLHttpRequest ini.

Untuk dapat berjalan dengan baik pada semua browser kita perlu menyiapkan beberapa

kondisi untuk mendeteksi web browser yang digunakan oleh user, dan kemudian membuat

object XMLHttpRequest tersebut sesuai web browser yang digunakan.

Saat ini setidaknya ada 5 web browser yang banyak digunakan (Firefox, Mozilla, IE7, IE sebelum

versi 7, Opera dan juga Safari), berikut pembuatan object XMLHttpRequest dengan javascript

pada masing‐masing web browse tersebut:

Untuk membuat class object pada browser Firefox, Safari, Mozila, Opera.

oAJAX = new XMLHttpRequest();

Untuk membuat class object pada browser IE7

oAJAX = new ActiveXObject(‘MSXML2.XMLHTTP’);

Untuk membuat class object pada browser IE versi lama

oAJAX = new ActiveXObject(‘Microsoft.XMLHTTP’);

Dari 3 kemungkinan diatas kita akan menyiapkan sebuat sebuah function untuk pembuatan

object dengan mendeteksi web browser yang digunakan oleh user, berikut

function javascript lengkapnya:

<script>
function createRequest(){
var oAJAX = false;
try {
oAJAX = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
oAJAX = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
oAJAX = false;
}
}
if (!oAJAX &amp;&amp; typeof XMLHttpRequest != 'undefined') {
oAJAX = new XMLHttpRequest();
}
if (!oAJAX){
alert("Error saat membuat XMLHttpRequest!");
}else{
alert("XMLHttpRequest sukses dibuat!");
}
return oAJAX;
}
</script>

Saat ini standart browser untuk memperoleh informasi dari web server adalah berbasis pada metode HTTP (HyperText Transfer Protocol).  Hal ini berarti bahwa browser menggunakan metode tersebut untuk mengirim request dan menerima respon dari web server.

HTTP bekerja seperti halnya email, yaitu ketika mengirim request akan terdapat header yang digunakan oleh web server. Oleh web server, header ini digunakan untuk mengetahui tugas apa yang harus dilayaninya dan bagaiman menghandle request dari HTTP.

Meskipun beberapa header bersifat optional, namu terdapat pula yang mutlak harus ada, misal host header. Header ini sangat penting karena akan digunakan web server untuk mengetahui tugas apa yang harus dilayani.

Ketika request sudah diterima oleh server,  selanjutnya server akan menentukan jenis respon yang akan dikembalikan kepada HTTP. Berikut ini beberapa jenis kode respon HTTP :

Sedangkan untuk metode request HTTP yang umum digunakan antara lain POST dan GET. Metode GET sering digunakan untuk merequest sumber tertentu ke web server. Biasanya GET digunakan untuk mempassing value untuk diproses ke web server dan selanjutnya value itu diassign ke sebuah variable untuk diproses  oleh server. Sedangkan POST pada prinsipnya sama dengan GET, namun metode ini ideal untuk value yang diperoleh dari isian form dan halaman web.

AJAX dapat diintegrasikan dengan server side programming seperti PHP, ASP, JSP, dll.

Perhatikan mekanisme proses AJAX menggunakan PHP berikut ini :

Pada mekanisme diatas, proses berawal dari web client. Web client merequest sebuah halaman PHP ke server melalui Javascript. Selanjutnya server akan merespon dan menjalankan script PHP. Script PHP akan menghasilkan respon dalam bentuk XML dan data XML tersebut akan dikirimi kembali ke web client untuk diolah melalui Javascript. Hasil olahan Javascript tersebut akhirnya akan ditampilkan di web client sebagai output tanpa harus merefresh halaman web.

Bandingkan dengan mekanisme biasa dalam menjalankan PHP seperti yang ditunjukan pada gambar berikut :

Pada mekanisme biasa, respon yang dihasilkan oleh server berupa HTML yang mengakibatkan halaman web akan merefresh tampilan. Dilihat dari sisi efisiensi, hal ini akan membutuhkan lebih banyak waktu dan byte untuk melakukan load daripada XML.

Dengan demikian AJAX ini merupakan teknologi baru yang merupakan hasil perkawinan sempurna antara client side programming dengan server side programming.

AJAX tidak hanya dapat diimplementasikan menggunakan PHP, namun juga server side programming lainnya.

Sedangkan kekurangan AJAX dibandingkan dengan mekanisme biasa adalah memiliki tingkat kesukaran pemrograman yang lebih tinggi, karena programmer harus menguasai 4 hal, yaitu :

• (x)HTML
• Javascript
• XML
• Server side programming

Tetapi tidak masalah Ketrampilan dapat diasah dengan banyak latihan…

Teknologi AJAX telah banyak dipergunakan oleh situs-situs terkena, antara lain Google, Yahoo, dan masih banyak yang lainnya..

Ajax sudah disupport dibanyak browser, seperti IE, Firefox, Opera, Konqueror, Netscape, serta Apple Safari.

Sekian pendahuluan tentang AJAX, nanti akan kita bahas lebih detail diartikel lainnya.

Arisyi Zimah