Ajax ile Chatbox Mantığı

Arkadaşlar öncelikle şunu belirtmeliyim ki ajax yeni bir dil değildir. Web
sayfalarımızı daha dinamik hale getiren Javascriptten türemiştir. Ajax'ın
mantığı kullanıcıya daha dinamik sayfalarla hizmet etmektir. Örnek olarak bir
websaynazı olduğunu farzedelim soldaki linklere tıklayarak kullanıcıyı farklı
sayfalara yönlendirdiğimizi düşünelim kullanıcı linklere her tıkladığında bütün
sayfa yenilenecektir. Ajax bize şöyle bir kolaylık getirmektedir. Kullanıcı
sayfanızın solundaki linklere tıkladığında istediğiniz sayfayı dinamik olarak
sitenizin istediğiniz kısmına açabilirsiniz böylece sayfanız yenilenmeden ajax
sistemiyle sadece ilgilendiğiniz sayfayı siteye yüklemiş olursunuz umarım
açıklayıcı olmuştur.Şimdi Php üzerinden bir örnekle devam edelim.

Not:
Örneğin php ile ilgili olan kısmından bahsetmeyeceğiz sadece ajax kısmından
bahsedeceğiz.


xmlns="http://www.w3.org/1999/xhtml">

http-equiv="Content-Type" content="text/html; charset=utf-8"
/>

src="eyceks/eyceks.js">
type="text/javascript">

function deger_gonder()
{
var nick =
document.getElementById('nick').value;
var mesaj =
document.getElementById('mesaj').value;

var sc =
"yeni_nick="+fc_(nick)+"¥i_mesaj="+fc_(mesaj);
JXP(1, "mesaj_alani",
"islem.php",
sc);

document.form_1.reset();
}









Öncelikle
Ajax'ın çeşitli Kütüphaneleri vardır ver biz burada "eycex" kütüphanesini
kullanacağız. Yukarıdaki kodda “eycex” kütüphanesi koda entegre edilmiştir
görebilirsiniz. Gördüğümüz üzere sayfamızda 2 adet textbox ve bir adet buton
bulunmaktadır. nick ve mesajımızı yazdıktan sonra butona tıklıyoruz deger_gonder
fonsyonu çağrılıyor ve neler oluyor adım adım inceleyelim.

1- "var
nick = document.getElementById('nick').value;"bu kodla nick değişkeninin içine
id'si nick olan textbox'dan alınan değer konuluyor

2- "var mesaj =
document.getElementById('mesaj').value;"bu kodla mesaj değişkeninin içine id'si
mesaj olan textboxd'an alınan değer konuluyor

3- “var sc =
"yeni_nick="+fc_(nick)+"¥i_mesaj="+fc_(mesaj);” fc_(nick) demek nick
değişkeninin içindeki değer demektir. sc isimli karakter setine nick ve
mesajı, fc_(nick) ve fc_(mesaj) ile alıyoruz, yeni_nick ve yeni_mesaj'ın içine
atıyoruz.

4- Haydaaa nerden çıktı bu “yeni_nick” ve “yeni_mesaj” biraz
daha bekleyelim lütfen.

5- “JXP(1, "mesaj_alani", "islem.php", sc);” JXP
fonksyonu ile hangi sayfayı açmak istiyoruz değerleri nasıl gönderiyoruz onu
belirliyoruz. JXP degerleri “POST” metoduyla gönderir.

“mesaj_alani” :
açılacak sayfanın açılacağı yerin id’si. Yani bu kodla “islem.php” sayfası
“mesaj_alani” idli yere açılacak.

“İlsem.php” : sayfanızın içine dinamik
olarak açılacaş sayfa.

Sc : açılacak “islem.php” sayfasına gönderilecek
değerlerin belirlendiği karakter dizisi.

6. Yani yeni_nick ve yeni_mesaj
değişkenleri “islem.php” sayfası içinde “POST” metodu ile
kullanılabilecek.

Örnek: $x = $_POST[“yeni_nick”]; Bu şekilde
kullanılıyor “islem.php” sayfasında.

Şöyle bir neler olduğuna
değiniyorum:

Nick ve mesaj “islem.php” ye gönderiliyor. “islem.php”
nick’i ve mesaj’ı alıyor bir txt dosyasına tarih ve saatle birlikte kaydediyor
ardından .txt dosyasındaki değerleri ekrana yazdırıyor. “islem.php” mesaj_alani
idli yere açıldığından dolayı mesajları bu alan içerisinde
görüyoruz.

Not: “islem.php” dosyası tarafımdan YAZILMAMIŞTIR. Dosyaları
çalışır biçimde winararlı bi şekilde rapide koyuyorum isteyen arkadaşlar
indirebilir ve php sayfaları çalıştırmayı bilmeyen arkadaşlar tekrar benimle
temasa geçebilirler umarım açıklayıcı olmuştur şimdiden herkeze kolay gelsin
anlamadığınız yer varsa yine bana yazabilirsiniz.


Ajax Çalışır Örnek(Chatbox)