AJAX

AJAX

AJAX kependekan dari Asynchronous JavaScript and XML, yang berfungsi untuk mengambil serta mengirim data dari klien ke server secara background, dengan melakukan perubahan (update) halaman tanpa secara menyeluruh melainkan perbagian.

AJAX bukan merupakan bahasa pemrograman, melainkan masih didalam satu grup seperti DOM, XML dan yang lainnya. Implementasi AJAX terdapat hampir disetiap web modern seperti: Facebook, Twitter, Google Mail dan masih banyak lagi.
Ada beberapa hal yang perlu diketahui terkait dengan AJAX, tentunya yang paling mendasar adalah objek XMLHttpRequest, yang memiliki methods serta properties.
https://www.w3schools.com/xml/ajax_xmlhttprequest_create.asp

Untuk tools yang digunakan jika ingin mengetahui prinsip kerja AJAX dapat menggunakan tools built-in web developer dari browser (console & XHR).

Synchronous dan Asynchronous
Pada saat permintaan dibuat, hasilnya akan didapatkan oleh klien ketika permintaan tersebut telah sampai diserver kemudian dikembalikan lagi. Hal ini membuat operasi sedikit berjalan lebih lama karena browser harus menunggu. Sedangkan dengan menggunakan AJAX permintaan didapatkan secara bertahap tanpa harus menunggu operasi secara menyeluruh.

asynchronous.jpg

asynchronous

Untuk hasil yang akan ditampilkan disini murni hanya menggunakan AJAX tanpa jQuery.
DEMO