Ajax | |
Webmaster Forumu | forum.websitem.biz | Programlama | Programlama Dilleri | Ajax |
Konu: AJAX Nedir? Nasıl Kullanılır? | |
Yazar | Mesaj | |||||||||||||||
Sushke
Forum Üyesi Kayıt Tarihi: 11-Temmuz-2012 Konum: İzmir Gönderilenler: 60 Tesekkür: 2 Rep: 6 Hak Puan : 0 Kidem : 5 OrtalamaHak : % 0 Itibar :2
|
Konu: AJAX Nedir? Nasıl Kullanılır? Gönderim Zamanı: 17-Temmuz-2012 Saat 11:28 |
|||||||||||||||
Ajax aslında bir javascript kodudur. Ajax Javascript ve XML ActiveX Objesi aracılığı ile sayfanın yeniden yüklenmeden sadece belirli kısımlarının değişmesini sağlayan kod sistemidir. Günümüzde birçok web uygulaması bu platform ile çalışmakta, interaktif olarak daha görsel bir hizmet vermektedir. Örnek vermek gerekirse; Google Inc. , Facebook vb..
Peki bu AJAX nasıl kullanılır? Çok basittir. Aşağıdaki örneği kısaca anlatayım. look.php adında bir sayfamız var ve işlevi gönderilen karakterler ile başlayan dosya isimlerini döndürüyor. (i karakterini gönderdiğimizde "index.php", "inc.php", "include.php" gibi i harfi ile başlayan sunucumuzdaki dosyaları listeliyor) Birde asıl kodumuzun çalıştığı sayfamız var ("x.php" olsun). Bu Sayfanın kodları aşağıdadır. Sayfa adı kısmına mesela "i" yazdık ve google daki gibi otomatik tamamlama çıktı. bize bir liste sundu (i harfi ile başlayan dosyalar). <form> SayfaAdı: <input type="text" id="txt1" onkeyup="onLoadPage(this.value)" /> </form> <p>Sonuç: <span id="sonuc"></span></p> <script type=”text/javascript”> var xmlhttp function GetXmlHttpObject() { if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari için return new XMLHttpRequest(); } if (window.ActiveXObject) { // IE6, IE5 için return new ActiveXObject("Microsoft.XMLHTTP"); } return null; } function onLoadPage(str) { if (str.length==0) { document.getElementById("sonuc").innerHTML=""; return; } xmlhttp=GetXmlHttpObject(); if (xmlhttp==null) { alert ("Tarayıcınız XMLHTTP desteklemiyor!"); return; } var url="look.php"; url=url+"?p="+str; url=url+"&sid="+Math.random(); xmlhttp.onreadystatechange=stateChanged; xmlhttp.open("GET",url,true); xmlhttp.send(null); } function stateChanged() { if (xmlhttp.readyState==4) { document.getElementById("sonuc").innerHTML=xmlhttp.responseText; } } </script> Alıntı. |
||||||||||||||||
alenn34
Forum Üyesi Kayıt Tarihi: 26-Nisan-2013 Gönderilenler: 351 Tesekkür: 0 Rep: 0 Hak Puan : 0 Kidem : 5 OrtalamaHak : % 0 Itibar :0
|
Gönderim Zamanı: 16-Haziran-2013 Saat 15:47 | |||||||||||||||
teşekkürler güzel paylaşım
|
||||||||||||||||
Forum Atla |
Kapalı Foruma Yeni Konu Gönderme Kapalı Forumdaki Konulara Cevap Yazma Kapalı Forumda Cevapları Silme Kapalı Forumdaki Cevapları Düzenleme Kapalı Forumda Anket Açma Kapalı Forumda Anketlerde Oy Kullanma |