HTML5 - Ajax Olayları

Hakim olma yolunda ilerlerken Ajax Bulduğumuz noktalardan biri olay işleyicisini yapmaktır, bir Ajax isteği yaptığımızda bu olaylar tetiklenir ve bazı yanıtlar verir.
Olayları çok iyi bilmek önemlidir, çünkü kendi fonksiyonlarımızı uygulama şeklimiz buna bağlıdır, bu nedenle bir yanıtın nedenini bilerek fonksiyonlarımızı oluşturabiliriz.
Ajax etkinlikleri
Daha önce açıkladığımız gibi, önemli adımlardan biri, bir istek olduğunda meydana gelebilecek olayları bilmektir. AjaxSonra, ne olduklarını ve ne zaman ortaya çıktıklarını görelim.
iptal: Bu olay, istek iptal edildiğinde tetiklenir. tiptedir İlerlemeEtkinliği, yani, isteği tamamlamanın ilerlemesi gerçekleşir.
hata: Bu olay, istek başarısız olduğunda tetiklenir, aynı zamanda türdendir. İlerlemeEtkinliği.
yük: Bir istek başarıyla tamamlandığında şu türdendir: İlerlemeEtkinliği.
yük: İstek tamamlandığında ateşlenir, başarılı bir şekilde tamamlandığında veya bir hata ile olabilir, tiptedir. İlerlemeEtkinliği.
yük başlangıcı: Bir istek başlatıldığında tetiklenir.
ilerleme: İstek sırasında ilerlemeyi belirtmek için tetiklenir, türündedir. İlerlemeEtkinliği.
hazır durumdeğişimi: Talebin yaşam döngüsü boyunca farklı istasyonlarda tetiklenen bir olaydır.
zaman aşımı: İsteğin yürütme süresi bittiğinde ateşlenir: şu türdendir İlerlemeEtkinliği.
Bu olayların çoğu, istekteki belirli bir noktada tetiklenir. Ajax, bunun istisnası olaylardır hazır durum değişikliği Y ilerleme, isteğin durumunu elde etmek için isteğin yaşam döngüsünde herhangi bir zamanda tetiklenebilir.
Bu ilk bakışta biraz karmaşık göründüğü için, bize bir isteğin yaşam döngüsünün her aşamasında neler olduğunu gösterecek olan küçük bir örnek kod yapacağız, bununla neler olduğunu görebiliriz:

 ÖrnekElma Kiraz Muz

bir tuşa bas

Bu kodla basitçe yaptığımız şey, isteğin her aşamasında nesne ile olayla ilgili bilgileri talep etmemizdir. DisplayEventDetailsBu şekilde, isteğin her aşamasını eşzamansız olarak yakalarız.
Etkinliğin her aşamasını kaydettikten sonra, onları analiz edebilmekle ilgileniyoruz, bu yüzden onları bir tabloya yazdırıyoruz. HTML Sonunda bir Ajax isteği yaparken olan her şeyi fark edebilmemiz için tarayıcımızda buna benzer bir şey görmeliyiz:

BÜYÜT

Gördüğümüz gibi, istek, beklenen yanıtı vermeden önce birkaç adım atıyor, bu basit bir isteğin arkasında çalışan şeydir.
Bununla öğreticiyi bitiriyoruz ve şimdi bu teknolojiyi belgelerimizde veya sayfalarımızda asenkron yükler yapmak için kullandığımızda ne olduğunu analiz edebiliyoruz. HTML.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.