Pengertian Ajax

****.      AJAX

AJAX (A New Approach to Web Applications). Sebagai teknik pemrogram baru memiliki beberapa keistimewaan. Keistimewaan AJAX antara lain :

a)      Membuat permintaan kepada server tanpa memuat kembali (reload) halaman.

b)      Mengurai (parse) dan berkerja dengan dokumen XML dan atau JSON.

c)      Data yang dikirim sedikit sehingga menghemat bandwidth dan mempercepat koneksi.

d)     Proses dilakukan dibelakang layar.

e)      Banyak didukung oleh browser – browser modern yang popular.

f)       Aplikasi yang dibangun semakin interakstif dan dinamis.

Penggunaan AJAX akan mendatangkan beberapa keuntungan, keuntungan tersebut antara lain :

a)      High Interactivity : Aplikasi AJAX lebih interaktif dibanding dengan aplikasi web konvensional.

b)      High Usability : Update data tidak me-load keseluruhan halaman, melainkan hanya yang relevan.

c)      High Speed : Aplikasi AJAX lebih cepat dibanding dengan aplikasi web konvensional.

******.XMLHTTPREQUEST

Dengan XMLHTTPRequest. Sebuah halaman web dapat mengirimkan request, dan memperoleh respons dari sebuah web server tanpa me-reload (refresh) seluruh halaman. User yang berada dihalaman yang sama dan tanpa melihat proses skrip, mengirimkan request keserver dan serverpun mengirimkan data karena proses berada dibelakang layar (background process).

Developer web dengan menggunakan objek XMLHttpRequest dapat mengubah sebuah halaman dengan data dari server setelah halaman tersebut di-load. Dengan menggunakan objek XMLHttpRequest, programer web dapat meng-update halaman dengan data dari server setelah halaman di-load.

Google Suggest menggunakan objek XMLHttpRequest untuk membuat halaman web yang interaktif. Ketika mulai mengetikan pada “Google Search”, JavaScript akan mengirimkan huruf demi huruf keserver dan mengembalikan daftar sebagai suggestion.

Objek XMLHttpRequest di-support oleh Internet Explorer 5.0 ke atas, Safari 1.2, Mozilla 1.0/Firefox, Opera 8 keatas dan Netscape 7.

Membuat Objek XMLHTTPREQUEST

Membuat objek XMLHttpRequest dibrowser mozila, Firefox, safari dan Netscape. var xmlhttp=new XMLHttpRequest(); Membuat objek XMLHttpRequest di Microsof var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

Properti XMLHttpRequest

Property Description Onreadystatechange Ex : xmlHttp.onreadystatechange=function() { //kode untuk statechange } Menangani event yang bekerja setiap kali status berubah. readyState ex : xmlHttp.onreadystatechange=function() {  If(xmlHttp.readyState==4)  {   //kode setelah data diload  } } Mengembalikan status objek 0=uninitialized 1=loading 2=loaded 3=interaktive 4=complete responseText ex : xmlHttp.onreadystatechange=function() {  If(xmlHttp.readyState==4)  {   Document.myForm.time.value=xmlHttp.   responseText;  } } Mengembalikan response dalam bentuk string responseXML Mengembalikan response dalam bentuk XML properti ini mengembalikan dokumen XML dalam bentuk objek yang dapat diuji dan di-parsing menggunakan W3C DOM node tree method maupun propertinya. Status Mengembalikan status sebuah nomor (ex, 404 untuk “Not Found” atau 200 untuk “OK”) statusText Mengembalikan status sebagai string (ex, “Not Found” atau “OK”)

Method XMLHttpRequest

Method Description abort() Membatalkan (cancel) request. getAllResponseHeaders() Mengembalikan set http header dalam bentuk string secara lengkap. getResponseHeader("headername") Mengmbalikan nilai http header yang ditentukan Open("method","URL",async, "uname","pswd") Mendefinisikan method, URL dan atribut opsional yang lain pada request. Parameter method dapat mempunyai nilai “GET”,”POST”, atau “PUT”. “GET” digunakan ketika me-request data dan “POST” digunakan ketika mengirimkan data(khusus jika panjang data lebih dari 512 byte). Parameter URL dapat diisi satu alamat penuh atau tergantung dari kebutuhan parameter async menentukan bagaimana request akan ditangani dengan asynchronouse atau tidak. send(content) Mengirimkan request setRequestHeader("label","value") Menambahkan label/nilai ke http header yang dikirim

Mengirimkan Request ke Server

Untuk mengirimkan request ke server menggunakan method open() dan send(). xmlHttp.open("GET","time.php",true); xmlHttp.send(null); Keterangan : Ø  Parameter pertama dari open() adalah method permintaan HTTP GET, POST, HEAD atau method lain yang didukung oleh server. Gunakan huruf kapital sebagaimana standard HTTP. Ø  Parameter kedua adalah URL dari halaman yang diminta. Untuk keamanan, panggilan tidak dapat dilakukan pada halaman domain pihak ketiga. Pastikan untuk enggunkaan nama domain yang pasti pada semua halaman jika tidak ingin mendapatkan error ‘permision denied’ ketika melakukan panggilan open(). Ø  Parameter ketiga diset ketika permintaan adalah asynhronouse, jika diset TRUE, eksekusi fungsi JavaScript akan berlanjut walau tanggapan dari server belum sampai. Ini adalah keuntungan dalam AJAX.

Posted in: AJAX