AJAX

 

Apa itu AJAX ?

AJAX merupakan singkatan dari Asynchronous Javascript Aand XML.
AJAX berfungsi untuk:

• Mengambil data dari server secara background;

• Update tampilan web tanpa harus relaod browser;

• Mengirim data ke server secara background.

Pada dasarnya AJAX hanya menggunakan objek XMLHttpRequest untuk berkomunikasi dengan server.
Kita bisa bisa melihat proses AJAX melalui inspect elemen di web browser, lalu buka tab Network dan aktifkan filter XHR (XML HTTP Request).

Cara Menggunakan Ajax di Javascript

Langkah-langkah menggunakan AJAX seperti ini:

1. Membuat Objek Ajax

   var xhr = new XMLHttpRequest();

2. Menentukan Fungsi Handler untuk Event

   xhr.onreadystatechange = function() { ... };
   xhr.onload = function() { ... };
   xhr.onerror = function() { ... };
   xhr.onprogress = function() { ... };

3. Menentukan Method dan URL

   xhr.open("GET", url, true);

4. Mengirim Request 

   xhr.send();