Bir Öğrenci Klasiği – AUG

Tek bir Ajax Fonksiyonu ile Bütün Veri İşlemleri

Merhaba arkadaşlar. Bugün sizlere ufak ama oldukça güzel bir fonksiyon vereceğim. Hatırlarsanız Jquery ile tek sayfada veri post etmeyi anlatmıştım. İşte bu yazıda orada verdiğim kodları küçültüceğiz hem de fonksiyon haline getirerek tek bir kod ile her yerde kullanılabilir hale getireceğiz.

Biliyorsunuz ki artık nesnel tabanlı sistemler ve fonksiyonların önemi çok büyük. Çünkü tek bir kod ile birden fazla işlemi defalarca yaparak performans sağlayabiliriz. Ayrıca boşuna çoğalan satırlar ile büyük boyutlu dosyalara da gerek yok! Sizlere vereceğim ufak bir kod ile her yerde veri iletişimi sağlayabileceğiz!

Öncelikle Ajax kodumuz;

function veri_yolla(adres) {
$.post(adres,$('form').serialize(), function(geri_gelen){ alert(geri_gelen) } });
		return false;
	}

Evet işte sadece bu kadar! Peki ne yapıyoruz anlatayım; öncelikle bir fonksiyon tanımlıyoruz. Ardından verilen adresimizi alıyoruz. Sonra $.post ile bir veriyi post etmek istediğimizi belirtiyoruz. Aynen Php deki mysql bağlanma kodları gibi; önce adresimizi, sonra serialize hale getirilmiş veriyi ve verinin yollandığı dosyada echo, print edilmiş yazıyı çekp alert ediyoruz.

Arkadaşlar serialize verinin anlamlı hale gelmesi demek. Bütün formu serialize ediyoruz ki Php de $_post["veri"] diyebilelim. Kısacası form verilerimizi Php nin anladığı şekle; nick=EeTr&sifre=Sifre yapıyor ve $_POST["nick"]; şeklinde alıyoruz.

Geri gelen veri demek; post edilen veriyi yolladığımız dosya da echo veya print ile ekrana yazdırılmış yazının tek sayfada geri alınması. Yani diyelim giris.php ye veriyi yolluyoruz ve “Giriş yapıldı” yazısını echo ile yazdırıyoruz. İşte bu echo verisi ekrana yazdırılıyor. Alert demek ise hani şu ufak uyarı kutucukları…

Neyse burada kadar problem yok. Fakat bu kodu nasıl kullanıcaz. İsterseniz .js haline çevirebilir, isterseniz script tagları içerisinde sayfanıza yerleştirebilirsiniz. Burası pek önemli değil. Ama form etiketlerinde bazı düzenlemeler yapmalısınız. Örneğin;

<script type="text/javascript" src="veri_yolla.js"></script>
<form name="giris" id="giris" method="post" action="javascript:void(0);">
        <label>
          <input type="text" name="nick" id="nick">
        </label>
 <input type="password" name="sifre" id="sifre">
<input type="submit" name="button" id="button" value="Giriş Yap" onclick="veri_yolla('uyegiris.php')">
  </form>

Burada ne yaptık? formun action bölümünü javascript:void(0); şekline çevirdik. Bu javascript kısmına parametre yani veri yollayacağımız anlamına geliyor. Sayfasal bir işlem gerçekleşmiyor. Sonra onclick=”yolla(‘islem/uyegiris.php’)” diyoruz. Burada da tıklandığı anda uyegiris.php ye veri yollamak için fonksiyonu çalıştırıyoruz. adres yerine uyegiris.php veriyoruz ki verinin yollanacağı adres belli olsun. Tıpkı Php de fonksiyon çağırmak gibi…

Evet arkadaşlar şimdilik bu kadar. Sorularınız olursa bana buradan veya iletişim bölümünden ulaşabilirsiniz.

Görüşmek üzere, herkese iyi günler, iyi çalışmalar…

Benzer Yazılar;

• Php ve Jeditable ile Yerinde Düzenleme
• Kullanıcı Adınızı Takip Edin!
• Javascript ile Yazı Üzerine Gelince Açılan Baloncuklar :)
• Ajax Accordion Menu ile Php Birleşimi
• Ajax ve Php Kuramı