Ilmu Dasar PHP, JQuery, HTML, AJAX Dll: Form Registri sederhana mengunakan AJAX

AJAX adalah salah satu dari jenis bahasa pemograman berbasis web. klo penjelasa dan pengertianya cari di mbah google aja ya soalnya saya juga nga paman betul.. hehehehe langsung praktek aja jadi lebih praktis dari pada banyak bacot 'n teori mendingan langsung

sebelum ke script kita bikin database dulu
Create database coba;

trus kita bikin table
create table anggota(id_anggota int(11), username varchar(15) );

nah sekarang kita isi table anggotanya:
insert into anggota(id_anggota,username) values ('1','Rudi Kurniawan');
insert into anggota(id_anggota,username) values ('2','Awan hitam');

nah mulai buat script form_register.php
<html>
<head>
   <script language="javascript">
     var XMLHttpRequestObject = false;
      if (window.XMLHttpRequest){
   XMLHttpRequestObject = new XMLHttpRequest();
      }else if (window.ActiveXObject){
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
      }

function getusername(sumberdata){
   if(XMLHttpRequestObject){
var obj = document.getElementById("pesan");
XMLHttpRequestObject.open("GET", sumberdata);
XMLHttpRequestObject.onreadystatechange = function() {
if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200){
obj.innerHTML = XMLHttpRequestObject.responseText;
               }
        }
       XMLHttpRequestObject.send(null);
    }
}

function cekusername(keyEvent){
   keyEvent = (keyEvent) ? keyEnvent: window.event;
   input    = (keyEvent.target) ? keyEvent.target: keyEvent.srcElement;

if(keyEvent.type == "keyup"){
if(input.value){
getusername("proses.php?kata="+ input.value);
    }
}
}
   </script>
</head>
<body>
<form>
<input type="text" name="username" onkeyup="cekusername(event)"/>
<div id="pesan"></div>
</form>
</body>
</html>

sekarang bikin script baru buat proses data yang kita buat langsung aja ya..

buat script dengan nama proses.php
<?php
mysql_connect("localhost","root","");
mysql_select_db("coba");

$username = $_GET["kata"];
$sql = mysql_query("select * from angota where username='$username'");
$jumlah = mysql_num_rows($sql);
if($jumlah == "0"){
   echo "Usernmae tersedia, boleh digunakan." ;
} else {
echo "Usernmae : <b>$username</b> telah dipakai, gunakan username yang lain";
}
?>

klo udah bikin dua file di atas tinggal jalankan file form_register.php

Ilmu Dasar PHP, JQuery, HTML, AJAX Dll

Selasa, 18 September 2012

Form Registri sederhana mengunakan AJAX

Tidak ada komentar:

Posting Komentar