Ajax işlemlerinde en çok kullanılan metodlardan biri de sayfalar arası geçişleri ajax ile yapmaktır. Bu bize pek çok kolaylık sağlar. Her sayfanın kodunu baştan yazmak yerine, sadece ilgili yerlerin kodunu yazarız, ve küçük birimler halinde yükleriz.

Şimdi, böyle bir işlemi nasıl yapacağımızı en basit haliyle inceleyelim:

Linkler bölümünde yer alan bağlantılar, ajax isteğinin bağlantıları. Bu linklere tıklanınca ajax isteğini başlatacağız ve ajax ile gelen cevabı id=”sayfa_icerigi” divinin içine koyacağız.

 

Burada yaptığımız iki temel işlem var:

1- Doküman ilk yüklendiğinde anasayfa.html dosyasını çağırıyoruz. Böylece giriş sayfasının boş kalmamasını sağlıyoruz.

2- İkinci aşamada yaptığımız ise, “links” sınıfına sahip div’in içerisindeki a etiketlerinin tıklanmasına dair fonksiyon yazıyoruz. Bu fonksiyonun da temel işlevi, linkin gideceği adresi alıp, onu ajax ile çağırmak.

Yorum Yap

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">