Pengertian Ajax, Kegunaan, Kelebihan Dan Kekurangan Lengkap

Pengertian AJAX

AJAX (Asynchronous JavaScript and XML) merupakan suatu teknik baru dalam dunia web, tetapi bukan merupakan bahasa pemrograman baru. Ajax merupakan teknik pengembangan web untuk membuat suatu aplikasi web interaktif. Tujuannya adalah untuk membuat website agar lebih responsive, sehingga seluruh halaman web tidak harus reload setiap kali pengguna meminta request.

Mekanisme Proses AJAX menggunakan PHP

Penjelasan :

Dengan memakai teknologi Ajax, web aplikasi yang sering kita buat akan berjalan seperti aplikasi desktop. Aplikasi yang kita buat tidak akan melakukan refresh (reload ulang ke server) yang sangat mengganggu dan membosankan karena harus menunggu halaman berikutnya muncul, apakah anda tidak terganggu untuk menunggu setiap kali anda berpindah halaman pada suatu website dengan ditampilkannya white screen terlebih dahulu sebelum halaman yang kita inginkan ditampilkan ??

Ajax memberikan jawabannya, dengan memakai teknologi Ajax maka aplikasi berbasis web kita akan bekerja secara asynchronous/behind the scenes (implisit). Semakin cepat koneksi internet yang didapatkan maka aplikasi berbasis web dengan apilkasi desktop akan sulit untuk dibedakan.

Penjelasan :

Dengan menggunakan server-side teknologi, PHP web page akan di proses oleh Web Server terlebih dahulu, setelah selesai maka Web Server akan membuat HTML web page yang nantinya akan dikirim ke user agar dapat ditampilkan di browser. Dalam server-side, anda biasanya membutuhkan database server untuk menangani data/informasi anda. Dalam buku ini kita akan menggunakan database MySQL.

Bagaimanapun juga dengan menggunakan PHP yang dapat melakukan customize content, ditambah lagi dengan menggunakan database, tetap saja browser menampilkan sesuatu yang statis, membosankan dan tidak bekerja sebagai dokumen web yang pintar.

Kegunaan AJAX

Berikut beberapa manfaat dari AJAX :
1. Validasi Data yang real time

AJAX dapat melakukan proses validasi secara langsung tanpa melalui proses refresh pada saat user melakukan pengisian data melalui form.

2. Autocomplete

AJAX dapat digunakan untuk melakukan autocomplete pada saat user sedang mengisi data pada sebuah form, dengan demikian karakter yang sedang dituliskan oleh user akan bisa langsung dilengkapi oleh entry-entry atau masukan yang disarankan. Contoh pada saat kita melakukan pencarian di yahoo atau google lalu kita mengetikkan kalimat atau kata yang belum utuh maka secara otomatis akan tersedia daftar entry atau masukan yang berkaitan dengan kalimat atau kata tersebut. Sehingga kita tidak perlu repot mengetik kata atau kalimat secara lengkap.

3. Refresh data dan server push

Halaman web bisa mengambil data dari server tertentu untuk menampilkan informasi terkini, misalnya ramalan cuaca, kurs dolar, jadwal penerbangan, dan lain sebagainya. Karena hal tersebut halaman web dapat mengambil data secara real time tanpa melalui proses refresh.

4. Menjadikan aplikasi desktop atau web lebih atraktif dan responsif

Teknik-teknik AJAX memungkinkan halaman web atau aplikasi desktop jika kita mengklik tombol tertentu maka reaksi perubahannya akan terlihat pada halaman atau aplikasi tersebut. contoh aplikasi yang menggunakan AJAX adalah aplikasi google maps, google suggest, Gmail, yahoo, dan lain-lain.

Hal yang harus diperhatikan dalam penggunaan Ajax

• HTML dan CSS digunakan untuk menandai dan mempercantik tampilan informasi
• XMLHttpRequest objek yang digunakan untuk pertukaran data asynchronous dengan web server
• XML, JSON (JavaScript Object Notation) atau teks biasa yang digunakan untuk mentransfer informasi anatara server dan client.
• DOM (Document Object Model) digunakan dengan bahasa scripting client-side misalnya javascript, untuk menampilkan secara dinamais dan interaksi dengan informasi yang disajikan.

Kelebihan Ajax
Ajax sebagai salah satu teknik pemrograman memiliki beberapa kelebihan diantaranya yaitu:

1. Membuat permintaan kepada server tanpa membuat kembali (reload) halaman.
2. Data yang dikirim sedikit sehingga menghemat bandwith dan mempercepat koneksi.
3. Proses dilakukan dibelakang layar.
4. Banyak didukung oleh browser-browser baru yang populer.
5. Aplikasi yang dibangun semakin interaktif dan dinamis.

Kelemahan Ajax
Sedangkan kelemahan dari Ajax yaitu:

1. Integrasi browser, karena konten halaman menganut prinsip asinkron, di mana data bisa di-update tanpa halaman di-refresh, maka perubahan tampilan tidak tercatat di bagian history dari browser. sehingga ketika tombol Back di klik, yang muncul bukan tampilan seperti sebelum mengeksekusi kode Ajax, namun malah halaman sebelumnya.
2. Search engine optimization, karena konten di-generate menggunakan JavaScript, search engine tidak bisa mengindeksnya sehingga mengurangi efektivitas halaman ditinjau dari SEO.
3. Terlalu mengandalkan JavaScript, Ajax menggunakan JavaScript, yang kadang diimplementasikan secara berbeda di berbagai browser atau versi tertentu dari sebuah browser.
4. Apabila pengguna mendisable JavaScript di browser-nya, maka Ajax tidak akan bisa digunakan.

Referensi :
https://id.wikipedia.org/wiki/AJAX
http://edel.staff.unja.ac.id/blog/artikel/Pengertian-Ajax.html
https://loveyourcode.com/belajar-ajax-asynchronous-javascript-and-xml-lebih-mendalam/