Metode AJAX

AJAX merupakan sebuah fungsi yang dibuat dengan menggunakan bahasa pemograman JavaScript. Secara konsep halaman utama mengirim data (get/post) kemudian data ditampung dan diproses oleh halaman yang memuat script server (PHP, ASP, JSP, dsb) kemudian dikirim balik melalui halaman penampil yang ditampilkan oleh bagian yang sudah disediakan di halaman utama sehingga semua proses tadi seolah-olah terjadi pada halaman yang sama. Bahasa server disini hanya berperan dibalik layar saja (Behind the Scene), jadi semua event yang terjadi dihandle oleh bahasa client. Berikut adalah script umum dari metode fungsi AJAX yang di buat pada bahasa JavaScript.

function ajaxFunction()

  {

  var xmlHttp;

  try

    {

    // Firefox, Opera 8.0+, Safari

    xmlHttp=new XMLHttpRequest();

    }

  catch (e)

    {

    // Internet Explorer

    try

      {

      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

      }

    catch (e)

      {

      try

        {

        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

        }

      catch (e)

        {

        alert("Your browser does not support AJAX!");

        return false;

        }

      }

    }

    xmlHttp.onreadystatechange=function()

    {

      if(xmlHttp.readyState==4)

      {

        document.myForm.time.value=xmlHttp.responseText;

      }

    }

    xmlHttp.open("GET","file.asp",true);

    xmlHttp.send(null);

  }

Ket: 

-- readyState

0 The request is not initialized

1 The request has been set up

2 The request has been sent

3 The request is in process

4 The request is complete

Untuk diingat untuk penulisan script di form HTML selalu menggunakan tag . Script bisa diletakan dalam tag maupun tag .

Pada script diatas pertama kali fungsi terlebih dahulu mengdeklarasikan variabel XMLHttp yang merupakan komponen dari XML yang berfungsi menampung data dari client untuk server. Kemudian sintak ‘try’ digunakan untuk mencoba jenis web browser apa yang digunkan oleh user, apakah IE, mozila, opera, atau safari (Mac OS). Setelah itu atribut OnReadyStateChange dicek nilainya yang secara detail bisa dilihat dari keterangan diatas, jika sudah komplit data akan di akses ke url yang dituju (file.asp/php/jsp). Oleh metode AJAX semua proses tidak akan membuat halaman utama merefresh.

sumber : www.amikom.ac.id