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.
Kod:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<**** **********="Content-Type" content="text/html; charset=utf-8" />
<title>Chat</title>
<script type="text/javascript" src="eyceks/eyceks.js"></script>
<script type="text/javascript">
function deger_gonder()
{
var nick = ********.getElementById('nick').value;
var mesaj = ********.getElementById('mesaj').value;
var sc = "yeni_nick="+fc_(nick)+"¥i_mesaj="+fc_(mesaj);
JXP(1* "mesaj_alani"* "islem.php"* sc);
********.form_1.reset();
}
</script>
</head>
<body>
<div id="kapsayici">
<div id="mesaj_alani">
tüm mesajları görebilmek için yandaki formu doldurun ve gönderin
</div>
<div id="form_alani">
<form method="post" name="form_1" action="javascript:****(0);">
<input type="text" size="15" id="nick" value="Nick" />
<input type="text" size="100" id="mesaj" value="Mesaj" />
<button type="button" onclick="deger_gonder()">Gönder</button></form>
</div>
</div>
</body>
</html>