|
ilyas tarafından yazıldı
|
|
Salı, 05 Ağustos 2008 20:18 |
simdi sizlerle deniz arkadsimin paylastigi bir ajax kodunu anlatacagim. Ajax günümüzde çok yayginlasmaktadir.Örnek olarak facebook ve ve video sitelerinde sikça rastlayabiliriz.Ajax in ne ise yaradigi ise sayfamizarefresh(yenileme) yaptigimizda,egerki sitemizde video veya flash türü application lar varsa bunlar tekrardan yüklenmeden kaldigi yerden devam edebilmekte.Kodumuz;
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
var ajaxnesne=null; //Ajax nesnemizi oluşturup null yapıyoruz.
function ajaxyarat()
{
var httpNesne=null; //httpNesne objesini null yapıyoruz.
var webTarayici=navigator.appName; // kullanıcının browser adını alıyoruz.
if(webTarayici=="Microsoft Internet Explorer") //eğer browser Internet Explorer ise
{
/*httpNesne objemize ActiveXObjectine eşitliyoruz */
httpNesne=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
httpNesne=new XMLHttpRequest();// başka bir browser ise XML objesine atıyoruz.
}
return httpNesne; /* Atamaları yaptıktan sonra geri döndürüyoruz.*/
}
function ajaxRun()
{
ajaxnesne=ajaxyarat(); /* Ajax nesnemizi olusturup gerekli atamalar için fonksiyona gönderiyoruz */
if(ajaxnesne!=null) /* eğer null değilse */
{
dosya='yaziyaz.php?id=19&puan=yok'; /* Işlem yapılacak sayfayı yazıyoruz */
ajaxnesne.onreadystatechange=ajaxSonucIsle2; /* Gelen sonucun hangi fonksiyona aktaracağımızı yazıyoruz. */
ajaxnesne.open('GET',dosya,true); /* İşlem yapılacak sayfanın methodunu belirliyoruz. Parametreleri(method,işlem_yapılacak_adres,GET methodunda değer varsa TRUE yoksa FALSE) date="22: OCTOBER 1984"; /* Güvenlil için header belirliyoruz */
ajaxnesne2.setRequestHeader("If-Modified-Since",date); /* belirlediğimiz headeri ajax nesnemize aktarıyoruz. */
ajaxnesne2.send(null); /* Ve son olarak ajaxnesnemizi send ile ajax olayini baslatiyoruz. */
}
else alert('Ajax Object can not create!..(Ajax nesnesi olusturulamiyor!)'); /*eğer gerekli nesneleri oluşturamamışsak hata mesajı verdiriyoruz. */
}
function ajaxSonucIsle()
{
if(ajaxnesne.readyState==4) /* Ajax?in 4 tane durum kontrolu var. bunlari netten bulabilirsiniz. 4. Durum ise istenilen sayfanin başarıyla yüklenmesi bitmesi */
{
if (ajaxnesne.status==200) /* Sayfanin başarıyla erişildiyse */
{
var mesaj=ajaxnesne2.responseText; /* İstenilen sayfadan gelen sonuç */
document.getElementById('mesajim').innerHTML="mesajlar:"+mesaj; /* bu sayfamizda yer alan ?mesajim? adli bolmenin güncellenmesi */
}
else /* sayfanin erişilmesinde hata olduysa */
{
document.getElementById('puan').innerHTML="Toplam Puan: Hata Olustu."; /*HATA MESAJI VERİYORUZ */
}
}
Else /* Sayfanın yüklenmesi bitmediyse */
{
document.getElementById('puan').innerHTML="Toplam Puan: Lutfen bekleyiniz";
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
<title>Ajax ile ilk Denemem «DenizYildirim.net->Enable=True;»</title>
<meta name="keywords" content="/>
<meta name="description" content="Deniz YILDIRIM Blog" />
</head>
<body>
<div id=ilkbolum>Burasi yenilenmeyecek.Cunku burada AJAX YOK</div>
<Br> <div id=mesajim onclick=ajaxRun()><a href=#>Ahanda burasi ajaxli alan tikladiginizda degisecek!</a></div>
</body></html> |
|
Son Güncelleme ( Cumartesi, 20 Aralık 2008 17:57 )
|
