AJAX memungkinkan pembaruan bagian halaman web tanpa reload halaman penuh dengan menggunakan permintaan asynchronous ke server untuk menukarkan data secara dinamis. Contoh kode menggunakan XMLHttpRequest untuk memuat konten blog secara asynchronous dan menampilkan animasi loading selama proses.

1. AJAX LOADING Kelompok 8

2. AJAX AJAX adalah teknik untuk membuat halaman web yang cepat dan dinamis. AJAX memungkinkan halaman web diperbarui secara asynchronous dengan menukarkan sejumlah kecil data dengan server Ini berarti bahwa adalah mungkin untuk memperbarui bagian dari suatu halaman web, tanpa reload seluruh halaman

3. Alur program <input type=&quot;button&quot; value=&quot;Visit our blog&quot; onclick=&quot;timeout()&quot; /> function timeout() { setTimeout(&quot;loadXMLDoc('Blog.htm')&quot;,2000); document.getElementById('space').innerHTML='<p><img src=&quot;loading.gif&quot; width=&quot;220&quot;height=&quot;220&quot;/></p>'; }

4. Alur program function loadXMLDoc(url) { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;); } xmlhttp.open(&quot;GET&quot;,url,false); xmlhttp.send(null); document.getElementById('space').innerHTML=xmlhttp.responseText;

5. Syntax Try to create a XMLHttpRequest object: xmlhttp=new XMLHttpRequest() If not (if IE5 or IE6) create an ActiveXObject: xmlhttp=new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;) Open the request object: xmlhttp.open(&quot;GET&quot;,url,false) Send your request to your server: xmlhttp.send(null) Update your page with the response from the server: document.getElementById('test').innerHTML=xmlhttp.responseText