Índice
Conforme você avança no caminho da dominação Ajax Um dos pontos que encontramos é fazer o manipulador de eventos, esses eventos são disparados quando fazemos uma solicitação Ajax e ele retorna alguma resposta.É fundamental conhecer muito bem os eventos, pois disso depende a maneira como implementamos nossas próprias funções, assim conhecendo a causa de uma resposta podemos criar nossas funções.
Eventos Ajax
Como descrevemos anteriormente, uma das etapas principais é saber os eventos que podem acontecer quando há uma solicitação AjaxA seguir, vamos ver o que são e quando ocorrem.
abortar: Este evento é disparado quando a solicitação é abortada. É do tipo ProgressEvent, isto é, enquanto ocorre o andamento da conclusão da solicitação.
erro: Este evento é disparado quando a solicitação falha, também é do tipo ProgressEvent.
carga: Quando uma solicitação é concluída com sucesso, é do tipo ProgressEvent.
loadend: É disparado quando o pedido é concluído, pode ser quando é concluído com sucesso ou com um erro, é do tipo ProgressEvent.
loadstart: É acionado ao iniciar uma solicitação.
progresso: É acionado para indicar o andamento durante a solicitação, é do tipo ProgressEvent.
readystatechange: É um evento que é acionado nas diferentes estações durante o ciclo de vida da solicitação.
tempo esgotado: É disparado quando o tempo de execução da solicitação se esgota: é do tipo ProgressEvent.
A maioria desses eventos é acionada durante um determinado ponto da solicitação. Ajax, a exceção a isso são os eventos readystatechange Y progresso, que pode ser acionado a qualquer momento no ciclo de vida da solicitação para obter o status da solicitação.
Como isso parece um pouco complexo à primeira vista, vamos fazer um pequeno código de exemplo, que vai nos mostrar o que acontece em cada uma das etapas do ciclo de vida de uma solicitação, com isso podemos ver o que está acontecendo:
ExemploMaçãs Cerejas Bananas
Com este código, o que simplesmente fazemos é que a cada etapa da solicitação solicitamos as informações associadas ao evento com o objeto DisplayEventDetailsDessa forma, capturamos de maneira assíncrona cada estágio da solicitação.
Uma vez que estamos cadastrando cada etapa do evento temos o interesse em poder analisá-las, então as estamos imprimindo em uma tabela HTML para que no final possamos perceber tudo o que aconteceu ao fazer uma solicitação Ajax, em nosso navegador devemos ver algo semelhante a isto:
PROLONGAR
Com isso finalizamos o tutorial e agora podemos analisar o que acontece quando usamos esta tecnologia para fazer carregamentos assíncronos em nossos documentos ou páginas HTML.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo
