AJAX adalah teknik pengembangan web yang memungkinkan pertukaran data antara klien dan server tanpa harus me-refresh halaman web menggunakan JavaScript dan XMLHttpRequest. Ini membuat situs web menjadi lebih responsif dengan memperbarui konten secara dinamis tanpa reload halaman. Contoh aplikasi populer yang menggunakan AJAX adalah Facebook, Gmail dan Pinterest.
2. AJAX singkatan dari “Asynchronous JavaScript
and XML“, merupakan metode suatu laman web
menggunakan JavaScript untuk mengirim dan
menerima data dari server tanpa harus menyegarkan
(refresh) laman itu.
XML adalah sejenis markup language – seperti HTML,
yang kerap dipakai untuk mengirimkan data melalui
internet. Belakangan ini, JSON (“JavaScript Object
Notation”) lebih populer dan bisa dibaca secara
bawaan (native) – oleh JavaScript.
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
3. AJAX merupakan paduan dari
beberapa teknologi yang sudah
dikenal sebelumnya yaitu HTML,
DOM, XML, Javascript dan teknologi
pendukung lainnya. Ajax adalah
tehnik pemanfaatan Javascript
dalam mengontrol class object
XMLHttpRequest untuk me-Refresh /
mengupdate content dalam halaman
web tanpa melakuan Reload
keseluruhan halaman web.
4. Sebuah contoh perintah AJAX bisa berjalan seperti
berikut:
Client memanggil laman dari server
Server merespon panggilan dan mengirimkan laman
Client membuat perintah AJAX ke server dan memanggil
lebih banyak data
Server mengirimkan data tersebut
Client memutakhirkan laman dengan data tersebut
tanpa me-refresh laman.
Facebook, Gmail, dan Pinterest adalah contoh situs-situs
yang banyak menggunakan AJAX.
5.
6. Bagian “Asynchronous” merujuk pada fakta bahwa
ketika JavaScript menyampaikan panggilan AJAX ke
webserver, ia terus berjalan sampai memperoleh respon –
ia tidak memblokir dan berhenti saat data sedang diproses
oleh server.
JQUERY
jQuery adalah sebuah library yang dibangun dengan
menggunakan JavaScript untuk mengautomasi dan
menyederhanakan perintah-perintah umum. Meskipun ada
banyak library lain semacamnya, namun jQuery jauh lebih
populer karena kemampuannya untuk menjalankan
perintah pada peramban lama. jQuery berjalan pada
browser bersamaan dengan JavaScript biasa. Ia terutama
dipergunakan untuk animasi dan AJAX, yang cukup sulit
untuk diprogramkan dengan vanilla JavaScript, namun bisa
diketik dalam beberapa baris singkat dengan jQuery.
7. Untuk mengetahui bagaimana konsep dari Ajax
kita perlu mengetahui bagaimana sebuah web
browser memproses sebuah request dan
menerima sebuah response dari web server.
Standar yang digunakan web browser pada saat
ini adalah HTTP (HyperText Transfer Protocol).
HTTP digunakan oleh web browser untuk
mengirim request dari website ke web server
dan kemudian menerima response dari web
server. HTTP request berkerja seperti email,
memberitahukan kapan request dikirim, berisi
header yang memberitahu apa yang harus
dilakukan server dan bagaimana menghandle
8. Ajax bisa dibilang adalah sebuah konsep untuk
menerangkan interaksi antara client-side
XMLHttpRequest Object dengan script server-side. Untuk
membuat request ke web server menggunakan Ajax,
anda harus membentuk Object XMLHttpRequest terlebih
dahulu. Untuk membentuk object XMLHttpRequest
berbeda pada setiap browser. Pada microsoft internet
explorer object dibentuk sebagai ActiveX control, sedang
pada browser seperti Firefox dan safari menggunakan
basic javascript object.
9. Setelah selesai membuat object
XMLHttpRequest kita dapat mengirim
request ke server. Saat mengirim request
ke server kita harus menentukan request
method yang digunakan, apakah akan
menggunakan GET atau POST. Jika kita
ingin menampilkan informasi dari server
maka kita akan menggunakan method GET,
sedangkan jika kita mengirim informasi ke
server maka gunakan method POST.
10. Terdapat banyak request method yang
ada, tetapi yang paling sering digunakan
adalah GET dan POST. bagaimana
request dikirim ke web server dan
kemudian web server mengirim response
dari request tersebut ke web browser,
akan mudah bagi kita untuk memahami
bagaimana XMLHttpRequest berkerja.
Keduanya sangat mirip, tetapi
XMLHttpRequest dioperasikan di
belakang layar dan tanpa memerlukan
refresh halaman.