event onreadystatechange pada AJAX

onreadystatechange

  • Ketika request dikirim ke server, kita ingin mengetahui status dari response yang terjadi.
  • Event onreadystatechanges dipicu setiap kali readyState berubah.
  • Property readyState memegang status dari XmlHttpRequest.
  • Property Status itu terdiri dari:
    • 200 = “OK”
    • 404 = “Page not found”

Contoh:

Buatlah satu file bernama nama.php yang berisi kode dibawah ini:

<?php

echo “Fahmi Basya Kartapura”;

?>

Lalu buatlah file HTML bernama lihatstatus.html dengan kode dibawah ini:

<html>
<head>
<script language=”JavaScript”>
function panggilAjax(url) {
m = new XMLHttpRequest()
m.open(‘GET’,url, true)
m.onreadystatechange=lihat
m.send(null)
}

function lihat(){
alert( ‘ready State = ‘ +m.readyState + ‘ dan Status= ‘+m.status + ‘   dan Hasil= ‘ + m.responseText) ;

}

</script>
</head>
<body>
<input type=”button” value=”Lihat Status Ajax” onclick=”panggilAjax(‘nama.php’)”>
</body>
</html>

Hasil:

Keterangan:

  • Kamu bisa lihat property readyState yang berubah dari 1,2,3 dan 4 sedangkan property Status HTTP tetap 200.

Muncul Pertanyaan:

Bagaimana caranya agar property Status dari HTTP berubah menjadi 404 … ?

Jawaban:

Status 404 adalah page not found, jadi kamu rubah saja nama file dari nama.php menjadi  satu.php sehingga fungsi dari JavaScript tidak dapat menemukan file nama.php.

Jika Tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura’.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *