Neler yeni
Türkiye'nin En Güncel Forum Sitesi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

Ajax ile Chatbox Mantığı

ByOnur58

Kayıtlı Üye
MFC Üyesi
  • Üyelik Tarihi
    7 Ocak 2015
  • Mesajlar
    2,113
  • MFC Puanı
    10
  • MFC Seviyesi

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)+"&yeni_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>
 
Üst Alt