slash.web.id

Ini merupakan posting ketiga tentang AJAX, dan ini menjadi FINAL TRILOGY POSTING tentang AJAX =)

Pada posting pertama menjelaskan pembuatan class object XMLHttpRequest dan juga pemanfaatannya dalam melakukan Asynchronous komunikasi dengan server untuk meminta (Request) data dari server.

Pada posting kedua menjelaskan tentang pengembalian (Respon) dari server berupa data XML dan proses parsing data tersebut dengan memanfaatkan DOM (Document Object Model).

Pada posting ketiga yang terakhir ini menjadi penutup dari kedua posting sebelumnya, disini akan menjelaskan pembuatan class object AJAX dengan javascript dan juga pemanfaatan object yang akan dibuat tersebut.

Dalam javascript pembuatan class tidak terlalu rumit, cukup membuat constructor function di ikuti dengan nama class yang akan dibuat, berikut sedikit catatan singkat pembuatan class dalam javascript :

• Pembuatan class, dilakukan dengan membuat sebuat constructor function diikuti dengan nama class yang akan dibuat.
• Pembuatan properties, dilakukan dengan mendeklarasikan variabel pada block function
• Pembuatan method, dilakukan dengan membuat function object didalam block class function.

Pembuatan class AJAX ini berdasarkan buku karya Mathew Errnisse : Build your own AJAX web application

Class object yang akan dibuat memiliki struktur gambar disamping ini, Class ajax yang akan dibuat memiliki 13 buah properties, dan 7 buah method.

(more…)

Berikut posting lanjutan tentang pembahasan pengunaan AJAX dari posting sebelumnya, pada posting berikut akan membahas penangan format data XML sebagai data respon dari server.
Pada posting sebelumnya telah dibahas pembuataan class object XMLHttpRequest dan juga pengunaan object tersebut untuk melakukan komunikasi permintaan (request) data dari server.

Sedikit penjelasan singkat XML

• XML merupakan singkatan dari eXtensible Markup Language.
• XML merupakan Tag base sintaks.
• Data XML dapat sebagai Datasource kecil dalam melakukan pertukaran informasi.
• Lebih lengkap tentang XML bisa di lihat pada link berikut ini : http://www.w3.org

Pada AJAX pengunaan format XML digunakan dalam pengembalian data dari server atau data respon dari server atas request yang di lakukan user dari browser, berikut gambaran proses Request dari browser dan Respon dari server.

(more…)

(Posting ulang, sebelumnya sudah pernah di posting di ruangkecil.or.id)

Istilah AJAX technology belakangan ini sering terdengar dalam pengembangan aplikasi web, berikut sedikit gambaran tentang AJAX dan cara memanfaatkannya dalam pengembangan web.

AJAX pertama kali di perkenalkan oleh Jesse James Garrett pada tulisannya yang berjudul AJAX: A New Approach To Web Applications.
AJAX bukan merupakan bahasa pemrograman baru, namun hanya sebuah tehnik pemanfaatan Javascript dalam mengontrol class object XMLHttpRequest untuk me-Refresh / mengupdate content dalam halaman web tanpa melakuan Reload keseluruhan halaman web seperti pada Metoede Tradisional, AJAX sendiri merupakan singkatan dari “Asynchronous JavaScript And XML”.

Kelebihan utama AJAX sendiri terletak pada pemanfaatan class object XMLHttpRequest untuk berkomunikasi dengan Web Server dalam melakukan request content, berikut pengunaan Javascript dalam membuat class object XMLHttpRequest :

Untuk membuat class object pada browser Firefox, Safari, IE7, Mozila, dsb.

oAJAX = new XMLHttpRequest();

Untuk membuat class object pada browser IE versi terbaru.

oAJAX= new ActiveXObject('MSXML2.XMLHTTP');

Untuk membuat class object pada browser IE versi lama.

oAJAX = new ActiveXObject('Microsoft.XMLHTTP');

Untuk dapat berjalan pada semua browser (Cross Browser), kita dapat mengabungkan kesemua script tersebut kedalam sebuah function pembuat class object XMLHttpRequest seperti berikut :

(more…)