Ajax Dünyasını daha da yakından tanımak için şöyle bir örnek yapacaz hazır bir veritabanı buldum ordan var olan kayıtları çekecem sizlerden benle birlikte bir veritabanı oluşturarak uygulamayı görebilirsiniz ancak veritabanı fieldlarına dikkat etmenizi ve kayıtları ona göre ayarlamanızı tavsiye ederim şimdi kodu yazalım:

<html><head>
<script type=”text/javascript”>
function MusteriBul(str)

{
if (str==””)
{document.getElementById(“txtHint”).innerHTML=””;
return;
}
if (window.XMLHttpRequest)

{// Bu kod şu Browserlar için IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();
}

else

{// Bu kod ise IE6, IE5 için geçerli

xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);

}
xmlhttp.onreadystatechange=function()

{
if (xmlhttp.readyState==4 && xmlhttp.status==200) // Durumlar Kontrol Ediliyor
{
document.getElementById(“txtHint”).innerHTML=xmlhttp.responseText;
}
}

xmlhttp.open(“GET”,”getcustomer.asp?q=”+str,true); //isteğin server daki yeri açılıyor
xmlhttp.send(); //istek gönderildi
}

</script>
</head>
<body>
<form action=””>

<select name=”customers” onchange=”MusteriBul(this.value)”>

<option value=””>Bir kayit sec ve Veritabanının cevap vermesini bekle:</option>
<option value=”ALFKI”>ilk kayıt</option>

<option value=”NORTS “>ikinci kayıt</option>

<option value=”WOLZA”>ucuncu kayıt</option>

</select>

</form>
<br />

<div id=”txtHint”>Veritabanında ki Musteri Bilgileri Listelenecek…</div>
</body>
</html>

Kodu derlediğimizde şu sonuç çıkacaktır:

Veritabanından yani ComboBox veya DropDownList ten bir kayıt seçiyorum ve onun bilgilerini veritabanından çağırıyorum:

Yukarıda ComboBox Tool undan ikinci kayıt ı seçtiğim anda sayfa yenilenmeden ikinci kayıta ait veritabanında ki bilgiler çekildi ve tabloda yansıtıldı.

Ajax Dünyasına Devam edeceğiz önümüzdeki makalelerde şimdilik esen kalın…

MEHMET SALİH DEVECİ

BİLGİSAYAR MÜHENDİSİ

Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s