JavaScript Lesson: AJAX

AJAX adalah singkatan bagi Asynchronous JavaScript and XML. AJAX membolehkan

  • Update web page tanpa reload page tersebut.
  • Request dan receive data dari server selepas load web page.
  • Send data ke server.

Kegunaan AJAX adalah update sebahagian web page tanpa reload keseluruhan web page. XMLHttpRequest object digunakan untuk bertukar data dengan server. Request ke server menggunakan open() dan send().

 <script>
 function loadDoc(){
 var xhttp = new XMLHttpRequest();
 xhttp.onreadystatechange = function() {
 if (xhttp.readyState == 4 && xhttp.status == 200) {
 document.getElementById("demo").innerHTML = xhttp.responseText;
 }
 };
 xhttp.open("GET", "ajax-data.php", true);
 xhttp.send();
 }
 </script>

Contoh: http://shahrulnizam.com/web/ajax.php

Penerangan lanjut di

  1. http://www.w3schools.com/ajax/ajax_xmlhttprequest_create.asp
  2. http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp
  3. http://www.w3schools.com/ajax/ajax_xmlhttprequest_onreadystatechange.asp

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.