Съдържание
Докато напредвате по пътя на доминиране Аякс Една от точките, които откриваме, е да направим манипулатора на събития, тези събития се задействат, когато направим Ajax заявка и тя връща някакъв отговор.Ключово е да познаваме събитията много добре, тъй като начинът, по който изпълняваме собствените си функции, зависи от това, като по този начин знаем причината за отговор, можем да създадем нашите функции.
Събития в Ajax
Както вече описахме, една от ключовите стъпки е да знаете събитията, които могат да се случат, когато има заявка АяксСлед това нека да видим какви са те и кога се появяват.
прекъсване: Това събитие се задейства при прекратяване на заявката. Той е от типа ProgressEvent, тоест докато настъпва напредъкът в завършването на заявката.
грешка: Това събитие се задейства, когато заявката е неуспешна, също е от типа ProgressEvent.
натоварване: Когато една заявка е успешно изпълнена, тя е от типа ProgressEvent.
loadend: Той се задейства, когато заявката е завършена, може да бъде, когато завърши успешно или с грешка, тя е от типа ProgressEvent.
loadstart: Той се задейства при стартиране на заявка.
напредък: Той се задейства, за да покаже напредъка по време на заявката, той е от типа ProgressEvent.
readystatechange: Това е събитие, което се задейства в различните станции по време на жизнения цикъл на заявката.
таймаут: Той се задейства, когато времето за изпълнение на заявката изтече: то е от типа ProgressEvent.
Повечето от тези събития се задействат по време на определена точка в заявката. Аякс, изключение от това са събитията readystatechange Y напредък, които могат да бъдат задействани по всяко време от жизнения цикъл на заявката за получаване на статуса на заявката.
Тъй като това изглежда малко сложно на пръв поглед, ще направим малък примерен код, който ще ни покаже какво се случва на всеки от етапите от жизнения цикъл на заявка, с това можем да видим какво се случва:
ПримерЯбълки Череши Банани
С този код просто правим, че на всеки етап от заявката искаме информацията, свързана със събитието с обекта DisplayEventDetailsПо този начин ние асинхронно улавяме всеки етап от заявката.
След като регистрираме всеки етап от събитието, имаме интерес да можем да ги анализираме, така че ги отпечатваме в таблица HTML за да можем в крайна сметка да забележим всичко, което се е случило при отправяне на Ajax заявка, в нашия браузър трябва да видим нещо подобно на това:
Увеличете
С това завършваме урока и сега можем да анализираме какво се случва, когато използваме тази технология, за да извършваме асинхронни зареждания в нашите документи или страници HTML.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
