AJAX'ı JavaScript ile Bir HTML5 Sayfasında Niçin Kullanmalısınız - mankenler

Birçok JavaScript kullanıcısı ve web geliştiricisi, AJAX hakkında bir şeyler duymuş, özel bir dil olduğunu ve daha fazla ilerlemediğini varsaymıştı. AJAX yeni bir dil değildir; belgelerdeki güncellemelerle baş etmenin yeni bir yolunu oluşturmak için mevcut teknolojinin yeniden kullanılmasıdır. Yapmanız gereken tek şey AJAX'in arkasındaki teknolojileri yeni bir yolla uygulayarak çevrimiçi içerik sunmada bazı büyük avantajlar elde etmektir.

AJAX'ın avantajları

AJAX, daha hızlı yükleyip daha hızlı çalışan ve daha az ağ ve sunucu kaynağı kullanan dinamik uygulamalar oluşturmayı mümkün kılar. AJAX'ın amacı, sayfanın tamamını yeniden yüklemek zorunda kalmadan bir sayfada değişikliklere izin vermektir.

AJAX'i kullanmak, sunucuyu büyük taleplerle yüklemeden oldukça hızlı uygulamalar oluşturmayı mümkün kılar. Sunucunun yapması gereken, talep edildiğinde arayana küçük bir veri parçası göndermektir. Bu küçük veri parçası, ağ üzerinden daha hızlı dolaşır; bu, istek gecikmesinin de daha az olduğu anlamına gelir.

AJAX'ı kullanmak için daha büyük nedenlerden biri, standartlara dayalı (standartlar grubu tarafından oluşturulmuş ve yönetilmiş) olmasıdır. Orada AJAX'ı kontrol eden büyük bir şirket yok. Standartlara dayalı olduğundan, AJAX kullandığı standartları destekleyen daha yeni bir tarayıcı ve platform kombinasyonu üzerinde çalışır. AJAX bu standartlara güvenir:

• JavaScript: Tarayıcıda olayları işlemek, sunucuya istekte bulunmak ve sayfadaki alanları gerektiği gibi güncellemek için gerekli kodu yazmak için JavaScript'i kullanın.

• Doküman Nesnesi Modeli (DOM): JavaScript, sayfadaki belirli konumlara erişmek için DOM'dan yararlanmaktadır.

• Basamaklı Stil Sayfaları (CSS): CSS'yi kullanmak veri güncellemeleri sırasında özel efektler oluşturmayı mümkün kılar. Buna ek olarak, CSS yeni verileri mevcut sayfa içeriğiyle uyumlu hale getirir.

• EXtensible Markup Language (XML): Herhangi bir güncelleme bazı türde veri gerektiriyor. XML, mükemmel bir seçimdir çünkü her yerde çalışır.

• XMLHttpRequest nesne: Sunucu ile iletişim bir bağlantı gerektirir ve XMLHttpRequest nesnesi bu bağlantıyı oluşturur. AJAX, görevlerini zaman uyumsuz olarak gerçekleştirir.

AJAX nasıl çalışır

AJAX büyü yapmaz. Sahnelerin arkasında, anladığınızda mantıklı görünmeyen hiçbir şey yok. AJAX görevi, aynı sayfada ya da aynı klasördeki harici bir sayfada yerel olarak değil, bir ağ kablosuyla gerçekleştirir. İşte AJAX kullanırken ortaya çıkan olayların sırası.

1. Tarayıcıda bir olay meydana gelir. (Olayın niteliği ilgisizdir, ancak genellikle bir çeşit veri talebini içerir.)

2. JavaScript, yeni bir XMLHttpRequest nesnesi oluşturur. Bu durumda, nesne, geri arama işlevini kullanarak eşzamansız olarak çalışmasını sağlayacak şekilde yapılandırılacaktır.

3. JavaScript isteği işleme tabi tutmak için sunucuya gönderir. Bu noktada, sayfa bir yanıt beklerken normalde yaptığı gibi görevleri yerine getirmeye devam eder.

4. Sunucu, JavaScript'in gönderdiği ve işlediği XMLHttpRequest nesnesini alır.

5. Sunucu bir yanıt oluşturur ve tarayıcıya gönderir.

6. Orijinal isteğiyle sağlanan tarayıcının geri arama işlevi, sunucudan gelen yanıt alır.

7. Geri arama işlevi, yanıtın gerekli tüm post-processing işlemlerini gerçekleştirir.

8. Ekrandaki bilgilerin güncellenmesi gerçekleşir ve kullanıcı sonuç görür.