HTML5 - Ajax

Birkaç yıl öncesine kadar böyle düşünülüyordu. Ajax web uygulamalarının geleceği olarak, Gmail ile kitleselleşmesi başladıktan sonra, ancak bugün gerçek olduğu kabul edilmelidir, aslında şu anda Ajax'ı bir şekilde bünyesinde barındırmayan bir site çok iyi görülmemektedir.
Ajax, belgeyi yenilemek veya sayfayı yeniden yüklemek zorunda kalmadan bilgi gönderip almamızı sağlayan bir teknikler bütünüdür, bu yüzden basitleştirerek, kaydetme ve gezinmeyi hızlandıran bir araç olduğunu söyleyebiliriz.
Ajax nedir?
Ajax için bir kısaltmaya yanıt verir Asenkron Javascript ve XML yani Javascript Y XML asenkron ancak şu anda biçim kullanılıyor JSON XML'den daha yaygın olarak JSON, birçok kişi tarafından standart olarak kabul edilir.
Tüm bunlar, açıklanması çok basit bir şeyle sonuçlanır, örneğin sayfaların yüklenmesinden ve yenilenmesinden bağımsız olarak verilerin alınması ve gönderilmesi, örneğin bir düğmeye her tıkladığımızda ve sayfanın bir bölümünün bir veritabanından veri getirmesini istiyorsak , sunucuya bir form gönderip tüm sayfayı yenileyerek istek göndermek yerine, yapacağımız şey bir Javascript işlevi ve bir istek yoluyla olacaktır. XMLHttpRequest verileri almak için sunucuyla iletişim kurun ve sayfanın yalnızca ihtiyacımız olan bölümünü değiştirin.
Bunu gördüğümüz gibi, harika görünüyor ve kulağa hoş geliyor, tek sorun veya sınır, Javascript, çünkü tarayıcımızda devre dışı bırakırsak bu işlevlerin keyfini çıkaramayacağız.
Ajax ile İlk Belgemiz
Artık Ajax'ın temellerini ve esaslarını bildiğimize göre, bu teknik hakkında bize örnek olabilecek küçük bir örnek üzerinde duracağız.
Önce aşağıdaki kodu görelim, sonra neye karşılık geldiğini açıklayalım:

 ÖrnekElma Kiraz Muzbir tuşa bas

Bu örnek, basitçe, bir düğmeye tıkladığımızda, adı verilen bir işlevi tetikliyoruz. TutamaçDüğmesiBasın (), bu, yeni bir tür nesnesi oluşturur XMLHttpRequest ve bununla, düğmenin içindeki HTML'yi alabilir, metnini alabilir ve daha önce oluşturulmuş aynı adlı bir belgeyi çağırabilmek için onu .HTML uzantısına bağlayabiliriz.
Daha sonra fonksiyon koluYanıt eğer başarılı olmuşsa talebin durumunu doğrular, önceden belirlenmiş bir konteynere çağırdığımız ilgili belgeyi yükler.
İşlem akışının nasıl olacağını görsellerde görelim:

İlk resimde butonlardan birine tıklamamız isteniyor, ikinci resimde ise fonksiyona göre içeriğin nasıl yüklendiğini görüyoruz. Ajax örnek kodda açıklanan bir belgeden gelir HTML zaten oluşturulmuşsa, bu içerik, bir düğmeye basma talimatının olduğu div'e yüklenir.
Bununla öğreticiyi bitiriyoruz, zaten denemeye başlama yeteneğimiz var. Ajax sayfalarımızda veya belgelerimizde gezinme deneyimini zenginleştirmek için HTML.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.