Script AJAX

Alur kerja AJAX

Database : twebTabel : Mahasisiwa (nomhs,nama)

Penjelasan Script

Bila form_input.php dijalankan akan menghasilkan  tampilan halaman sbb:

Nomor mhs      20100                                 Cari

                                            (name : in_nomhs)

                 posisi hasil/output

                       <div id=”panggon”></div>

                           

Bila tombol Cari di klik , maka akan mengerjakan fungsi sbb :

18. "jupuk('cari.php?no_cari='+form.in_nomhs.value,'panggon')"

Sehingga proses akan ke  function jupuk(sumber,id_ne)  baris no 7.   file form_input.php,

dimana nilai variabel  sumber=” cari.php?no_cari='+form.in_nomhs.value”  dan variabel

id_ne= “panggon”

9.     var   data_ne=document.getElementById(id_ne); mengakses elemen dg id=”panggon”

a. cek.open("GET",sumber,true); menjalankan script dengan file cari.php dengan membawa variabel no_cari=20100

b. cek.onreadystatechange=function(){

i. if(cek.readyState==4 && cek.status==200) bila koneksi OK dan data sdh diakses semua

ii. {iii. data_ne.innerHTML=cek.responseText; nilai

document.getElementById(“panggon”).innerHTML=cek.responseTEXT

iv. }v. }

1 | S c r i p t A J A X

c. cek.send(null); ← setelah selesai kosongkan memori

catatan : var cek= new XMLHttpRequest()   atau   new

ActiveXObject("Microsoft.XMLHTTP"), tergantung browsernya responseTEXT, merupakan hasil atau output dari file cari.php, yakni

konstanta/isi variabel yang ada  di perintah echo atau print

File : cari.php

1. <?php2. $inno=$_GET['no_cari'];-->  mengambil variabel

no_cari=201003. mysql_connect("localhost","root","root");4. mysql_select_db(tweb); -->koneksi ke  database tweb5. $diwoco=mysql_query("select nomhs,nama from mahasiswa6. where nomhs='$inno'"); --> mengambil data mahasiswa

dengan $inno=201007. $iki=mysql_fetch_array($diwoco); --> konversi ke

array8. $nomere=$iki[nomhs]; --> transfer array ke varibael

biasa9. $jeneng=$iki[nama]; --> s.d.a 10. echo "Nomor : $nomere<br>";-->tampilkan  isi dari

$nomere11. echo " Nama  : $jeneng ";-->  tampilkan isi dari

$jeneng12. ?>

Catatan :Hasil dari echo  pada i file cari.php ini TIDAK dimunculkan di layar, tetapi di transfer ke  responseTEXT (baris 9.b.iii-form_input.php)

2 | S c r i p t A J A X