Mengenal Ajax

 

 Asynchronous Javascript and XML

( Ajax )

Ajax merupakan singkatan dari 3 kata yaitu Asynchronous Javascript and XML. Ajax terdiri dari HTML, Javascript, DHTML dan DOM yang kemudian digabungkan dengan bahasa pemrograman web di sisi server seperti PHP dan ASP, sehingga membentuk suatu aplikasi berbasis web yang interaktif dan dinamis.

Ajax bukanlah bahasa pemrograman baru, tetapi merupakan teknik baru untuk membuat aplikasi web yang lebih baik, lebih cepat dan lebih interaktif. Dengan Ajax, Javascript dapat langsung berkomunikasi dengan server menggunakan objek XMLHttpRequest(). Dengan objek ini, Javascript dapat melakukan transaksi data dengan server web tanpa harus me-reloading halaman web tersebut secara keseluruhan.

Dibawah ini merupakan teknologi yang termasuk dalam aplikasi Ajax :

1. HTML yang digunakan untuk membuat web forms dan mengidentifikasikan field-field yang akan kita gunakan dalam aplikasi.
2. Javascript adalah kode initi untuk menjalankan aplikasi Ajax dan untuk membantu menfasilitasi komunikasi dengan aplikasi.
3. DHTML atau Dynamic HTML membantu kita untuk membuat form atau web kita dinamis. Kita akan menggunakan tag <div>, <span> dan elemen-elemen html lain yang dinamis.
4. DOM (Document Object Model) akan digunakan untuk bekerja dengan kode Javascript serta dengan kedua struktur dari HTML dan XML kita yang dalam beberapa kasus berasal dari server.

Penting!

Objek pertama yang harus dimengerti saat belajar Ajax adalah XMLHttpRequest. Ini adalah objek Javascript dan dengannya Javascript akan berkomunikasi secara langsung dengan server. Dengan objek ini satu halaman web dapat membuat request ke dan mendapatkan respon dari server tanpa me-load ulang halaman web secara keseluruhan. 

User akan selalu tetap dengan halaman yang sama. bahkan user tidak tahu kalau ada data yang terkirim dan diterima oleh server, karena komunikasi ini dilakukan dibalik layar.

Bagusnya lagi permintaan dikirim asynchronous, yang berarti bahwa kode Javascript tidak menunggu pada server untuk merespon. Sehingga user dapat terus memasukkan data, bergulis sekitar dan menggunakan aplikasi.

Kode Javascript bahkan bisa mendapatkan data, melakukan perhitungan, dan mengirim permintaan lain semua tanpa campur tangan dari user. Ini adalah kekuatan dari XMLHttpRequest. Hal ini dapat bicara bolak-balik dengan server semua yang diinginkan, tanpa pernah tahu pengguna tentang apa yang sebenarnya terjadi. Hasilnya adalah dinamis, responsif, pengalaman interaktif seperti aplikasi desktop tetapi ada kekuatan internet dibelakangnya. Objek XMLHttpRequest di-support hampir semua browser (Internet Explores / Microsoft Edge, Firefox, Chrome, Opera dan Safari ).