Hosgeldiniz
Ben Kimim?

C.V.
Bilgi paylaþtýkça çoðalýr.Ýþte ispatý,
bende var bir elma, sende var bir elma, gel elmalarý deðiþelim; bende var bir elma, sende var bir elma.

Þimdi bende var bir bilgi, sende de var bir bilgi, gel bilgileri deðiþelim; bende oldu iki bilgi, sende oldu iki bilgi.Nasýl güzel deðilmi?...

Ben bilgilerimi ortaya koyuyorum benimle bilgi zengini olmak istermisiniz?..



Kategoriler


Site nasýl olmuþ?
Daha iyi olabilirdi
Ýdare eder
Güzel
Süper
Süper ötesi...
     
Anket
PHP & AJAX
9 Yil öncesi . . .
php ajax javascript

Günümüzün popüler uygulamalarından biri olan ajax'ı nasıl kullanacağımızı anlatacağım.
Aslında AJAX ilk olarak Google tarafından kendi mail servisi olan gmail.com adresinde kullanılmaya başlandı. Peki bu ajax nedir?
Ajax, bir sayfanın tamamı yenilenmeden sadece bir bölümünün güncellenmesine olanak sağlayan teknolojinin adıdır. Aslında bu teknoloji Javascript ile gerçekleşiyor.Örneğin şuanda kapalı mı bilmiyorum ama youtube.com sitesini bilmeyen yok. şimdi siz oradan bir video izliyorsunuz ve video yüklenene kadar sizde alt tarafta yorum yazmak istiyorsunuz. Yorumunuzu yazıp "Gönder" tuşuna bastığınız anda sadece yorumlar bölümü güncelleniyor tüm sayfa güncellenmiyor. Eğer tüm sayfa güncellenseydi video'nuz baştan yüklenmeye başlayacaktı. Buda çok can sıkıcı olurdu.

şimdi gelelim örneklerle ajax'ı açıklamaya.Tabiki şuanda PHP ile kullanışı göstereceğim.

index.php dosyamiz;
<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>

İlk sayfamızı oluşturduk. şimdi bu sayfanın ajax kullanarak bağlantı kurmasını istediğimiz diğer sayfayı oluşturacağız. Bu sayfa PHP sayfası olacak ve bu sayfada PHP ile MYSQL bağlantısı yapabiliriz.Ama şimdilik Database bağlantısını yapmayacağız. Yaziyaz.php safamız;
<?PHP
$ilk=$_GET['id'];
$ikinci=$_GET['puan'];
echo "AJAX kullanarak degerleri donduruyoruz. Bu degerler : ".$ilk."=".$iki; ? >

                    Toplam Puan:27

YORUMLAR Yorum Yaz


Enver Durmuþ 10/18/2009 | 22:58
Örneğiniz diğerlerine göre oldukça anlaşılır. Teşekkürler...