Ajax
 Webmaster Forumu | forum.websitem.biz | Programlama | Programlama Dilleri | Ajax
Mesaj icon Konu: AJAX Nedir? Nasıl Kullanılır? Yanıt Yaz Yeni Konu Gönder
Yazar Mesaj
Sushke
Forum Üyesi
Forum Üyesi
Simge

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

Aktiflik
18%
Seviye
18%
Deneyim
60%
Alıntı Sushke Cevaplabullet 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ı.
IP  Tesekkur Et
alenn34
Forum Üyesi
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

Aktiflik
46%
Seviye
46%
Deneyim
60%
Alıntı alenn34 Cevaplabullet Gönderim Zamanı: 16-Haziran-2013 Saat 15:47
teşekkürler güzel paylaşım
IP  Tesekkur Et
Yanıt Yaz Yeni Konu Gönder
Konuyu Yazdır Konuyu Yazdır

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

Bulletin Board Software by Web Wiz Forums version 8.03