Perşembe 30 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. JavaScript
  3. Intercooler.js ile Ajax’ı HTML’ye karıştırın
 Intercooler.js ile Ajax’ı HTML’ye karıştırın
JavaScript

Intercooler.js ile Ajax’ı HTML’ye karıştırın

Yazar : Fatih 20 Şubat 2017 0 Comment

Herhangi bir web sitesine Ajax eklemenin kolay bir yöntemini arıyorsanız. Doğru yere geldiniz. 😉 Aslında Tek Sayfalı Uygulamalar(Single-Page Apps) veya SPAs adı verilen Ajax isteklerine dayalı web siteleri oluşturmak oldukça yaygındır.

Lakin her zaman sayfa içeriğini güncellemek için biraz jQuery ve bir kaç teknik bilgi gerekmektedir. Basit olarak yanlızca Ajax işlevselliğine kullanmaya ihtiyaç duyarsanız. Bu ihtiyacınıza karşılık olarak HTML kodlarıyla birlikte harmanlanmış intercooler.js kullanabilirsiniz.

Intercooler, doğal olarak Ajax istek(request) URL’leri içeren HTML öznitelik(attributes) yazmanıza izin verir. Kullanıcılar belirli bağlantılara tıkladığında normal tıklama eylemi yerine Ajax isteklerinin çalıştırılmasını emredebilirsiniz.

ic-post-to özelliğini bir button’a veya bir link’e ekleyebilirsiniz. Bir Ajax POST isteği için jQuery’ye otomatik olarak bağlanacaktır.

Kütüphanede ic-post-to özelliği gibi niteliklerin hepsinin bir arada olduğu sayfayı ziyaret edebilirsiniz. Nasıl kullanıldığını görmek için basit bir örnek kodu aşağıdaki örnekte görebilirsiniz.

Bu örnekte /buton_click URL’sine bir Ajax POST isteği gönderilir ve response(cevap) kapsayıcı elemente yüklenir. Intercooler oldukça basit bir kütüphanedir ve nasıl çalıştığını anladığınızda inanılmaz derecede güçlüdür.

Bir jQuery ve local Intercooler CDN kullanarak herhangi bir dosya indirmeden denemeye koyulabilirsiniz. <script> elementiyle yerleştirdikten sonra istediğiniz gibi HTML niteliklik referanslarını yerleştirip kullanabilirsiniz. Bunların yanında Bower yardımıyla paketi yükleme işlemi gerçekleştirebilirsiniz.

CDN

Bower

Github sayfasına bu linkten ulaşabilirsiniz. Üzerinde oynamalar yapabileceğiniz demoların tam listesini görmek için demolar sayfasına göz atabilirsiniz. Özellikle Click to Edit demosu intercooler kütüphanesinin front-end kısmında olup bitenleri özetlemektedir. Her bir demo farklı bir eylem gerçekleştirir; bu nedenle neyin nasıl çalıştığını incelemek oldukça çok önemlidir.

Umarım faideli olmuştur. Herkese verimli iyi çalışmalar diliyorum. Mutfakta kalın. Çayımız ve kahvemiz her zaman tazedir. 😉

Etiketler: HTML de ajax çalıştırma HTML5 de ajax çalıştırma Intercooler.js Intercooler.js ile ajax çalıştırma Intercooler.js nasıl çalışır Intercooler.js ne işe yarar Intercooler.js nedir
Önceki Yazı
Sonraki Yazı

Fatih

author

Yorum Yap Yorumu İptal Et.

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

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.