Ajax kullanan sayfalarda back butonu ve browser history için çözüm

Ajax ile web siteleri hazırlayanların, sitelerini hazırlarken karşılaÅŸtıkları en büyük problemlerden biri browser’ın back butonuna tıklanmasıdır. Çünkü eÄŸer sayfa tümden AJAX ile hazırlanmış ise, back butonuna tıklamak kullanıcıyı istemediÄŸi bir yere geri götürebilir. Çünkü browserlar AJAX requestlerini browser history’si içinde tutmazlar. Dolayısıyla da kullanıcı back butonuna tıkladığında gideceÄŸi yer browser’ının adres satırında bulunan adresten bir önceki adresteki sayfa olacaktır.Bu konu ile ilgili olarak artık birçok çalışmanın varolduÄŸunu biliyorum. Temelde çözüm, bir ÅŸekilde ajax ile yapılan requestlerden istediklerimizi browser yerine yazacağımız bir javascript ile oluÅŸturacağımız sayfa history’sinde tutmak ve bunu bir ÅŸekilde back butonu ve dolayısıyla da gerçek browser history’si ile entegre edebilmektir.

Bunu oturup kendiniz de modelleyebilirsiniz. Ya da farklı yaklaşımları inceleyebilirsiniz. ÖrneÄŸin ben Google Code’da gördüğüm bir projeyi öncelikli olarak incelemenizi öneriyorum. Projenin ismi zaten yaptığı ÅŸeyi anlatıyor : “Really Simple History”. Bu projeyi incelemek için aÅŸağıdaki adrese giderek, kodları indirebilirsiniz.

Kolay gelsin:)

http://code.google.com/p/reallysimplehistory/

2 Yorum »

  1. Burak YiÄŸit KAYA dedi ki: ,

    Tarih : January 4, 2008 @ 11:13 am

    Faydalı bir öneri olmakla birlikte böyle basit bir iÅŸlem için bile bir yığın kod ve nesne tabanlı bir yaklaşım BENCE biraz kaynak israfı. Bunun yerine basitçe anchor’ları, yani adresten sonra # iÅŸareti ile ayrılan kısımları betiÄŸimize bilgi aktarmak ve betiÄŸimizden sayfa adresini sayfayı tekrar yükletmeden güncellemek için kullanabiliriz ;)

  2. Burak YiÄŸit KAYA dedi ki: ,

    Tarih : January 4, 2008 @ 3:37 pm

    Ki verdiğiniz kod da bunu yapıyormuş zaten :)

Yorum RSS · Takip URI

Yorumunuzu Ekleyin

Ad - Soyad: (Gerekli)

E-posta: (Gerekli)

Web siteniz:

Yorumunuz: