RSS
Tidak ada Yang Tidak Mungkin Untuk Orang Yang Mau Berusaha
Text Select Onion Kun

Selasa, 12 Juni 2012

Sedikit Mengenai Apa Itu Ajax

AJAX adalah singkatan dari Asynchronous JavaScript and XML. AJAX merupakan teknik baru di dunia pengembanan halaman web yang berguna untuk membuat aplikasi web, yang lebih “kaya” dibandingkan dengan aplikasi web biasa.

Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar background sehingga halaman web tidak harus dibaca secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. Ajax merupakan kombinasi dari:
  • DOM yang diakses dengan client side scripting language, seperti VBScript dan implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan.
  • Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum di implementasikan pada beberapa browser. Objek ini berguna sebagai kendaraan pertukaran data asinkronus dengan web server. Pada beberapa framework AJAX, element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data dengan web server.
  • XML umumnya digunakan sebagai dokumen transfer, walaupun format lain juga memungkinkan, seperti HTML, plain text. XML dianjurkan dalam pemakaian teknik AJaX karena kemudahan akses penanganannya dengan memakai DOM.
Seperti halnya DHTML, LAMP, atau SPA, Ajax bukanlah teknologi spesifik, melainkan merupakan gabungan dari teknologi yang dipakai bersamaan. Bahkan, teknologi turunan/komposit yang berdasarkan Ajax, seperti AFLAX sudah mulai bermunculan.
 
Buat file dengan nama latihan1.php dan simpan di direktori web server Anda, kemudian coba buka lewat 
 
browser.
<html>
 <head>
     <title>Latihan Ajax 1</title>
     <script type="text/javascript">
         function Ajax_AmbilHalaman(uri){
             var conn;
             try{
           conn = new XMLHttpRequest();
       }
       catch (e){
                 conn = null;
             }
         if(!conn){
             var msxmlhttp = new Array('Msxml2.XMLHTTP.5.0',
                         'Msxml2.XMLHTTP.4.0',
                         'Msxml2.XMLHTTP.3.0',
                         'Msxml2.XMLHTTP',
                         'Microsoft.XMLHTTP');
             for (var i = 0; i < msxmlhttp.length; i++) {
                 try{
                     conn = new ActiveXObject(msxmlhttp[i]);
                 }
                 catch (e){
                     conn = null;
                 }
             }
         }
       
         if (!conn){
             alert("Browser Tidak Mendukung Interface Ajax (XMLHttpRequest)!");
             return false;
         }
       
         conn.open("GET", uri, false);
             conn.send('\n\n');
         return conn.responseText;
         }
     </script>
 </head>
 <body>
     <h1>Contoh Ajax Paling Sederhana</h1>
     <div style="border:4px solid #000000;padding:5px">
     <script type="text/javascript">
         document.write(Ajax_AmbilHalaman("http://localhost/"));
     </script>
     </div>
 </body>
 </html>

Pada contoh di atas, halaman http://localhost/ akan ditampilkan di dalam tag <div> yang berada pada halaman latihan1.php.
 
Ok.. Mungkin itu saja dulu penjelasan dan contoh singkat tentang penggunaan AJAX dengan XMLHTTP atau XMLHttpRequest. Untuk selanjutnya mungkin Saya akan menjelaskan penggunaan Ajax yang lebih kompleks.
 
Terima Kasih
.