Prototip ve AJAX Eğitimi

AJAX'a Giriş

AJAX, Asenkron JavaScript ve XML. AJAX, XML, HTML, CSS ve Java Script yardımıyla daha iyi, daha hızlı ve daha etkileşimli web uygulamaları oluşturmak için yeni bir tekniktir.

AJAX hakkında tam bir anlayış için, lütfen basit AJAX Eğitimimizi inceleyin .

AJAX için Prototip Desteği

Prototip çerçevesi, Ajax çağrılarıyla çok kolay ve eğlenceli bir şekilde ve aynı zamanda güvenli (tarayıcılar arası) başa çıkmanızı sağlar. Prototip ayrıca bir sunucudan döndürülen JavaScript koduyla akıllı bir şekilde ilgilenir ve sorgulama için yardımcı sınıflar sağlar.

Ajax işlevselliği, genel Ajax nesnesinde bulunur . Bu nesne, AJAX isteklerini ve yanıtlarını kolay bir şekilde ele almak için gerekli tüm yöntemleri sağlar.

AJAX İsteği

Gerçek istekler, Ajax.Request () nesnesinin örnekleri oluşturularak yapılır .

new Ajax.Request('/some_url', { method:'get' });

İlk parametre, isteğin URL'sidir; ikincisi, seçenekler karmasıdır. Yöntem seçeneği, kullanılacak HTTP yöntemini ifade eder; varsayılan yöntem POST'tur.

AJAX Yanıtı Geri Aramaları

Ajax istekleri varsayılan olarak eşzamansızdır, yani bir yanıttan gelen verileri işleyecek geri aramalara sahip olmanız gerekir. Geri çağırma yöntemleri, bir istekte bulunurken seçenekler karmasında iletilir -

new Ajax.Request('/some_url', {
   method:'get',
   onSuccess: function(transport) {
      var response = transport.responseText || "no response text";
      alert("Success! \n\n" + response);
   },
   onFailure: function() { alert('Something went wrong...') }
});

Burada, hash'de iki geri çağırma geçirilir -

  • onSuccess
  • onFailure

Yukarıdaki iki çağrıdan herhangi biri yanıt durumuna göre buna göre çağrılır. Her ikisine de iletilen ilk parametre , sırasıyla responseText ve responseXML özelliklerini kullanabileceğiniz yerel xmlHttpRequest nesnesidir .

Her iki geri aramayı da belirtebilirsiniz, bir veya hiçbiri - bu size bağlıdır. Mevcut diğer geri aramalar şunlardır:

  • onUninitialized
  • onLoading
  • onLoaded
  • onInteractive
  • onComplete
  • onException

Diğer geri aramaları gönderirken bir istisna olduğunda ateşlenen onException haricinde, hepsi xmlHttpRequest aktarımının belirli bir durumuyla eşleşir .

NOTE- onUninitialized, onLoading, onLoaded ve onInteractive geri aramaları tüm tarayıcılar tarafından tutarlı bir şekilde uygulanmaz. Genel olarak, bunları kullanmaktan kaçınmak en iyisidir.

Prototip AJAX Yöntemleri

Ajax nesnesi , AJAX isteklerini ve yanıtlarını kolay bir şekilde işlemek için gerekli tüm yöntemleri sağlar. AJAX ile ilgili tüm yöntemlerin tam listesi burada.

NOTE - Prototype.js'nin en azından 1.6 sürümüne sahip olduğunuzdan emin olun.

S.No. Yöntem ve Açıklama
1. Ajax Seçenekleri

Bu bir yöntem değildir, ancak tüm AJAX talep edenleri ve geri aramaları tarafından paylaşılan tüm temel seçenekleri ayrıntılarıyla belirtir.

2. Ajax.PeriodicalUpdater ()

Periyodik olarak bir AJAX isteği gerçekleştirir ve bir kapsayıcının içeriğini yanıt metnine göre günceller.

3. Ajax.Request ()

AJAX talebini başlatır ve işler.

4. Ajax Yanıtlayıcılar ()

Prototip tabanlı AJAX isteklerinin her adımı hakkında bilgilendirilen küresel dinleyicilerden oluşan bir havuz.

5. Ajax.Response ()

Tüm Ajax geri aramalarının ilk bağımsız değişkeni olarak iletilen nesne.

6. Ajax.Updater ()

Bir AJAX isteği gerçekleştirir ve bir kapsayıcının içeriğini yanıt metnine göre günceller.