Merhaba arkadaşlar,

Bu dersimizde Php & Ajax ile sayfanın tümü yüklenmeden bir Kullanıcı adı doğrulama işlemini nasıl yapılır bunu görüceğiz.

Kullanıcı adı doğrulama işlemi için hazır ajax kütüphanelerinden faydalanacağız.

Sayfanın tümü yüklenmeden sayfalar arasında GET veya POST metodu ile değişken göndermeyi sağlayan bir kütüphane kullanacağız. (ajax.js)

Bu kütüphaneyi indirmek için tıklayınız.

İlk olarak index.php ve kontrol.php adında 2 tane php dosyası ve kütüphane klasörünün içine ajax.js dosyasını atarak klasör yapımızı oluşturuyoruz.



index.php dosyasını açıp şu kodları yazıyoruz.

<script type="text/javascript" language="javascript" src="ajax/ajax.js"></script> <!-- Kütüphaneyi sayfamıza çağıyoruz-->

<script type="text/javascript">

function kontrol()
{
var sc='KullaniciAdi='+document.form1.kadi.value; //formdan gelen kadi verisini KullaniciAdi değişkenine eşitliyoruz.
JXP(1, "sonuc","kontrol.php", sc); //sc değişkenine eşitlenen veriyi POST metodu ile kontrol.php dosyasına gönderiyor ve sonucu sonuc id değişkenine eşitliyor.
// JXG(1, "sonuc","kontrol.php", sc); //GET metodu ile göndermek için.
}

</script>


<form action="" name="form1">

<span class="style1">Kullanıcı Adı :<br />
<input name="kadi" type="text" onblur="javascript:kontrol()"/><span id="sonuc"></span>

<br />
Sifre :</span><br />
<input name="sifre" type="password" /><br />

<input type="button" value="Gönder" />
</form>



kontrol.php dosyasını açıp şu kodları yazıyoruz.

<?
$KullaniciAdi=$_POST['KullaniciAdi'];

switch ($KullaniciAdi) {
case "ismail":
case "mercan":
case "sanalkurs":
case "mercansoft":
echo '<font color="red"> isim kullanılamaz. -(:</font>';
break;
case "":
echo '<font color="red"> isim girmediniz. !</font>';
break;
default:
echo '<font color="green"> isim uygun )</font>';
break;
}



?>





<LI>onblur="javascript:kontrol()" parametresi ile TAB tuşu veya imlecin input'tan ayrılması durumunda fonksiyonumuzun çalışmasını sağlıyoruz.




Evet bu dersimizde AJAX ile sayfalar arası değişken göndermeyi ve bu değişkeni doğrulmayı öğrendik.Umarım yararlı bir ders olmuştur.

İyi Çalışmalar.

Uygulamanın çalışır halini görmek için tıklayınız.
Kaynak dosyayı indirmek için tıklayın</LI>