Bilindiği üzere artık web sayfalarında Ajax'ın önemi büyüktür. Çoğu büyük web sitesi Ajax teknolojilerini kullanmakta ve her geçen gün daha da geliştirmekte. Lakin Ajax'ın büyük avantajlarının yanında dezavantajları da bulunmakta. Fejax size statik, ya da dinamik sayfalarınızı kolayca Ajax'a çevirmekte ve Ajax'ın klasik dezavantajlarını sizin için aşmaktadır.

• SEO. Arama motorları javascript'i tanıyamamaktadır. Ajax ile açtığınız sayfaları arama motorlarının bulması güçleşecektir.
• Geri, ileri butonlarının çalışmaması
• Sayfa yenilendiğinde ajax ile yapılan işlemlerin kaybolması
• Ajax ile açılan yerin url'inin alınamaması

• Tek satır ile tüm sitenize Ajax'a çevirebilirsiniz.
• Ajax ile yüklenen sayfaları efektli bir şekilde açabilirsiniz.
• Sayfada yenileme olmadan geri ve ileri butonlarını kullanıcı çalıştırabilir.
• Kullanıcı sayfayı yenilediğinde kaldığı sayfadan devam edebilir.
• SEO açısından sayfanın kaynak kodunda salt html şekildedir.

Fejax'ı sayfanızda kullanmak için jQuery betiğini ve jquery.fejax.js'yi sayfanıza dahil etmeniz gerekir.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="fejax/jquery.fejax.js"></script>

Sayfadaki ajax ile yenilenmesini istediğiniz bölümü seçip fejax'ı uygulayabilirsiniz. İşte bu kadar !

<script>    
	$(function () {
		$("#container").fejax();
	})
</script>

Fejax'ın opyisonları ile istediğiniz şekilde özelleştirebilirsiniz. Örneğin sayfa yükleme efektini kapatabilir, ya da değiştirebilirsiniz.

<script>    
	$(function () {
		$("#container").fejax({
			"close_effect" : function (page) { page.slideUp(); },
			"open_effect" : function (page) { page.slideDown(); }
		});
	})
</script>

Fejax http ile başlayan linkleri, harici bağlantıları varsayılan olarak pasif etmiştir. Ayrıca siz de ajax ile yüklenmesini istemediğiniz sayfalara no_ajax class'ını atayabilirsiniz.

<a href="her_hangi_bir_sayfa.html" class="no_ajax">heey</a>

Demo, dökümantasyon ve daha detaylı bilgi için; http://fatiherikli.com/fejax/