AJAX dan Bagaimana Cara Kerjanya?

AJAX dan Bagaimana Cara Kerjanya?

Website bukan hanya sekedar soal halamam, gambar, isi dll tetapi Jika ingin menjadi webmaster, ada sejumlah hal yang harus Anda pahami, seperti apa itu AJAX. AJAX adalah sebuah singkatan dari Asynchronous Javascript and XML dan mengacu pada sekumpulan teknis pengembangan web (web development) yang memungkinkan aplikasi web untuk bekerja secara asynchronous (tidak langsung) – memproses setiap request (permintaan) yang datang ke server di sisi background.

JavaScript merupakan bahasa pemograman yang sering digunakan dan Salah satu fungsinya adalah untuk mengelola konten dinamis website dan memungkinkan interaksi yang dinamis. Seperti HTML, XML atau eXtensible Markup Language adalah varian lain dari bahasa markup. Jika HTML dirancang untuk menampilkan data, maka XML dirancang untuk memuat dan membawa data.

JavaScript maupun XML bekerja secara asynchronous dalam AJAX, dan hasilnya web yang menggunakan AJAX dapat mengirimkan dan menerima data dari server tanpa harus mereload keseluruhan halaman.

Berikut beberapa contoh penggunaan AJAX :

Sistem voting dan rating

Bagi yang sering berbelanja online, pasti kerap diminta untuk memberikan rating bintang, kan? Atau mungkin juga pernah mengisi formulir voting online? Biasanya kedua sistem ini menggunakan AJAX. Setelah klik opsi rating atau voting, website akan memperbarui kalkulasi tapi tampilan halaman tetap sama, tidak ada yang diubah atau harus direload.

Chat room

Sebagian website ada yang mengaktifkan chat room bawaan di halaman utamanya. Chat room ini menjadi media bagi Anda untuk berkomunikasi dengan tim customer support. Anda tidak perlu khawatir fitur ini akan tertutup bilamana ingin membuka halaman lain dari website tersebut. AJAX tidak akan mereload halaman setiap kali Anda mengirimkan dan menerima pesan chat baru.

Notifikasi trending di Twitter

Twitter menggunakan AJAX untuk mengumumkan informasi atau notifikasi terbaru. Setiap kali ada tweet baru mengenai topik yang sedang trending, Twitter akan memperbarui notifikasi tanpa mengganggu fungsi halaman utama.

Dalam bahasa yang sederhana, AJAX memudahkan pekerjaan yang multitasking. Ketika ingin mengisi formulir voting online, misalnya, dan hanya fitur tersebut saja yang berubah tapi tidak dengan halamannya, maka website tersebut menerapkan konsep AJAX.

Cara Kerja AJAX

AJAX bukanlah teknologi dan bukan pula bahasa pemrograman. Seperti yang telah dijelaskan sebelumnya, AJAX adalah sekumpulan teknik pengembangan web. Pada umumnya sistem ini terdiri atas:

1. HTML/XHTML sebagai bahasa utama dan CSS untuk menampilkan data.

2. The Document Object Model (DOM) untuk menampilkan data yang dinamis beserta interaksinya.

3. XML untuk pertukaran data, sedangkan XSLT untuk manipulasi data. Sebagian besar developer mulai mengganti XML dengan JSON karena bentuknya yang mendekati JavaScript.

4. Objek XMLHttpRequest untuk komunikasi tidak langsung (asynschronous).

5. Bahasa pemrograman JavaScript untuk menyatukan semua teknologi ini.