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. Required fields are marked *