Ajax sayfa değişime  gerek duymadan JS gibi kullanabileceğiniz, ve onun yanında post get metodları gibi işlem yaptırabileceğiniz bir teknolojidir. Giriş babında birşeyler anlatmaya çalışacağız.

Küçük Anektodlar

  • Ajax css’in div’lerini çok sayıda kullanır

Örnek1

Aşağıda basit bir ajax fonksiyonu yazıp kullanmaya çalışacağız.

Fonksiyon div1 isimli metinde yazan yazıyı buton’a basınca değiştirecek.

<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
  {
     document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
  }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>

Yukarıda Gördüğünüz örnek bir ajax function’da yazı değiştirmeye yarıyor bu kodu head head arasına koyduktan sonra body kısmına şu bildiğimiz form html kodunu yazarsak

<div id="myDiv"><h2> Ajax Yazısı</h2></div>
<button type="button" onclick="loadXMLDoc()">Yazıyı Değiş</button><br>

Sistemimiz Çalışacaktır.

Yaptığınız Ajax Kodlamalarını Şuradan test edebilirsiniz :http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first

Reklamlar