Home » Javascript » Apa Itu AJAX ? Penjelasan dan Cara Kerjanya

Apa Itu AJAX ? Penjelasan dan Cara Kerjanya

by Bagus Dharma Iswara
by Bagus Dharma Iswara

Apa Itu AJAX ?

AJAX adalah teknik untuk membuat halaman web yang cepat dan dinamis. Terlalu banyak aplikasi web yang berjalan di web yang menggunakan teknologi ajax seperti gmail, facebook, twitter, google map, youtube dan lainnya. AJAX memungkinkan halaman web diperbarui secara asinkron dengan menukar sejumlah kecil data dengan server di belakang layar.

Ini berarti dimungkinkan untuk memperbarui bagian dari halaman web, tanpa memuat ulang seluruh halaman. Sementara itu pada Halaman web klasik, (yang tidak menggunakan AJAX) harus memuat ulang seluruh halaman jika konten harus berubah.

AJAX adalah singkatan dari Asynchronous JavaScript and XML. AJAX adalah teknik baru untuk membuat aplikasi web yang lebih baik, lebih cepat, dan lebih interaktif dengan bantuan XML, HTML, CSS, dan Java Script. Aplikasi web konvensional mengirimkan informasi ke dan dari server menggunakan permintaan sinkron. Ini berarti Anda mengisi formulir, tekan kirim, dan diarahkan ke halaman baru dengan informasi baru dari server.

Dengan AJAX saat submit ditekan, JavaScript akan membuat permintaan ke server, menginterpretasikan hasil dan memperbarui layar saat ini.

Dalam arti yang paling murni, pengguna tidak akan pernah tahu bahwa ada sesuatu yang dikirim ke server. Untuk penjelasan lengkap mengenai AJAX akan dijelaskan setelah ini.

Cara Kerja AJAX

Berikut ini akan kita jelaskan mengenai cara kerja dari AJAX, yaitu

  1. Pada suatu browser ketika event terjadi, yaitu Membuat sebuah XMLHttpRequest objek dan selanjutnya akan mengirimkan HttpRequest ini dengan sebuah perantara suatu koneksi internet.
  2. Pada server maka akan terjadi proses HttpRequest dan membuat sebuah response dan mengirimkan kembali data ke browser dengan sebuah perantara suatu koneksi internet.
  3. Pada browser ini maka akan memproses kembali hasil balikan data menggunaka bahasa pemrograman Javascript dan mengupdate konten dari halaman tersebut.

atau bisa juga dengan penjelasan langkah singkat berikut ini

  1. Suatu peristiwa terjadi di halaman web (halaman dimuat, dan tombol diklik)
  2. Objek XMLHttpRequest dibuat dengan JavaScript
  3. Objek XMLHttpRequest mengirimkan permintaan ke server web
  4. Server memproses permintaan
  5. Server mengirimkan respon kembali ke halaman web
  6. Responnya dibaca oleh JavaScript
  7. Update halaman dilakukan oleh JavaScript

AJAX didasarkan pada standar dari internet, dan menggunakan kombinasi dari beberapa program dibawah ini

  • Objek XMLHttpRequest (untuk bertukar data secara asinkron dengan server)
  • JavaScript / DOM (untuk menampilkan / berinteraksi dengan informasi)
  • CSS (untuk mengatur style data)
  • XML (sering digunakan sebagai format untuk mentransfer data)

Ajax menggunakan XHTML untuk konten atau isi dari datanya, CSS untuk presentasi, bersama dengan Model Objek Dokumen dan JavaScript untuk tampilan konten dinamis.

Dengan AJAX, saat Anda menekan submit, JavaScript akan membuat permintaan ke server, menafsirkan hasilnya, dan memperbarui layar saat ini. Dalam arti yang paling murni, pengguna tidak akan pernah tahu bahwa ada sesuatu yang dikirim ke server.

XML biasanya digunakan sebagai format untuk menerima data server, meskipun format apa pun, termasuk teks biasa, dapat digunakan.

AJAX adalah teknologi browser web yang tidak bergantung pada perangkat lunak server web. Seorang pengguna dapat terus menggunakan aplikasi sementara program yang ada pada klien dapat meminta informasi dari server di background.

Interaksi pengguna yang intuitif dan alami serta melakukan klik disini tidak diperlukan, gerakan mouse bisa juga menjadi pemicu atau trigger untuk suatu event.

AJAX adalah teknologi Rich Internet Application (RIA) yang paling layak sejauh ini. Ini mendapatkan momentum industri yang luar biasa dan beberapa tool kit dan kerangka kerja bermunculan.

Tetapi pada saat yang sama, AJAX memiliki ketidakcocokan browser dan didukung oleh JavaScript, yang sulit untuk dipelihara dan di-debug.

You may also like