Jade ile Partial Rendering Ajax Çağrılarını Yönetme

Bir önceki yazımda bahsettiğim Jade ile tanımladığımız tekrar kullanılabilir yapılar sayesinde ajax işlemlerini pratik bir şekilde gerçekleştirebiliriz. Tek yapmamız gereken ajax çağrısı sonucunda güncellenecek alanı-bileşen(leri) farklı bir jade dosyası içerisinde tutmak ve kullanılan sayfalarda "include" komutuyla kullanmak.

Daha sonra yapılan ajax çağrısı sonucunda tanımladığımız partial jade dosyalarını yenilenen veriyle tekrar çalıştırıp response olarak döndürebiliriz. Dönen response oluşturulmuş html içeriği olacağından response'un boyutunu büyütecek olsada bir çok durumda işimizi kolaylaştıracaktır.

Öncelikle ajax işlemi sonucunda güncelleyeceğimiz partial jade dosyasını oluşturalım.


Oluşturduğumuz partial dosyayı ajax çağrısı yapacağımız sayfa içerisinde include komutu ile kullanalım.


Yapılan ajax çağrısı sonucu partial dosyanın html'ini yeni veriler tekrar oluşturup response olarak döndürüyoruz.


Artık gelen verimizi güncellemek istediğimiz html elementinin yerine yazarak işlemimizi tamamlıyoruz.



Ajax çağırsı ile sadece veri döndürüp client-side html yazarak güncelleme işlemlerini gerçekleştirmektense partial yapılar kullanarak ajax işlemlerini gerçekleştirmek çok daha kolay ve kullanışlı.

Örnek Kodlar:https://github.com/nodejstr/Jade-Examples

Benzer içerikler

• 
  Node.js, Socket.IO, Express.js ile HTML5 Oyun Geliştirme - Bölüm 1
• 
  NodeJS Express Framework MVC yapısı
• 
  NodeJS Express Framework
• 
  NodeJS İle İlk Kodlar