daily gadgets, computers, and electronic news
05/05
2005

Tutorial Ajax

Sponsored Links

I just wrote a tutorial for Ajax on eKelas and I post it here as a backup for my writing :) Sorry, still in Indonesian language. I’ll try to translate it to English as soon as possible.


Pendahuluan

Ajax adalah sebuah development approach yg saat ini sedang naik daun. Beberapa perusahaan yg sudah menggunakan Ajax, al: Google (GMail, GMaps, GSuggest, GGroups), Amazon (A9), Flickr, dan Orkut.

Ajax bukan sebuah teknologi baru, melainkan sebuah tehnik pengembangan aplikasi web dengan menggabungkan dan memanfaatkan beberapa teknologi yg sudah ada, yaitu:
- standard presentasi menggunakan XHTML dan CSS
- tampilan dinamis dan interaktif dengan menggunakan DOM (Document Object Model)
- pertukaran dan manipulasi data dengan menggunakan XML dan XSLT
- pengambilan data asinkron dengan menggunakan XMLHttpRequest

Pada prakteknya nanti, tidak semua teknologi di atas harus digunakan scr bersamaan. Yg wajib dipakai adalah XHTML, DOM, dan XMLHttpRequest. CSS adalah tambahan untuk lebih mempercantik tampilan dan interaksi dng user, sedangkan XML adalah untuk memformat data saja.

Dasar dari Ajax sendiri adalah obyek ActiveX XMLHttpRequest yg diimplementasikan oleh Microsoft pada IE5. Mozilla sendiri kemudian menyusul pada Mozilla 1.0 (Netscape 7) dan selanjutnya Apple pada Safari 1.2. Secara singkat, tujuan dari obyek ini adalah menangani pembuatan aplikasi yg dapat melakukan proses2 pertukaran dan manipulasi data XML scr on-the-fly tanpa perlu adanya proses reload halaman. Proses2 manipulasi data tradisional yg ada selama ini menggunakan konsep form, dmn apabila form di-submit, data dikirimkan, dan user akan dibawa ke halaman baru untuk melihat hasilnya. Dng memanfaatkan Ajax, khususnya XMLHttpRequest ini, user tidak akan dibawa ke halaman baru krn hasil dari proses submit akan langsung muncul di halaman yg sama.

Kalo bingung ngebayangin, coba login ke GMail (kalo belum punya GMail, klik link yg ada di signature-ku). Perhatikan baik2. Proses cek inbox, baca email, dsb, semuanya berlangsung tanpa ada proses loading halaman. Bahkan saat proses, akan muncul tulisan “Loading” di pojok kanan atas. Keren kan? Ya itulah salah satu contoh nyata pemanfaatan Ajax.

Bagian berikut akan membahas mengenai obyek XMLHttpRequest dan method2nya.

Pages: 1 2

Tutorial Ajax is written by cosa and posted under Article, Programming , , , , . If you like it, you might consider subscribing to our feed, follows us on Twitter, or receive our latest posts via email. Or else, you could also or store it to your favourite social bookmark sites. Further information about this article can be found.

1 Comment »

  1. 1
    Masdon says:

    Gw lagee ada tugas PI di kampus gw…
    gw bikin web E-learning pake ajax
    tolong berbagi ilmunya yah bro…
    berbagi sedikit source code
    gw pengen belajar

Leave a comment