AJAX - Parte 1
Após pesquisar em toda internet não encontrei nenhum tutorial adequado explicando sobre AJAX de forma simples e completa, por isso após sofrer um pouco com ele, pretendo compartilhar algumas informações a respeito para que todos possam aproveitar dele. Nesse primeiro artigo estou conceituando e dando um exemplo bem simples de como trabalhar com AJAX.
Parte 3: Recebendo a resposta do servidor
Como acabamos de ver, através do XMLHttpRequest é possível se comunicar direto com o servidor sem precisar reler toda a página, mas para isso também é preciso saber interpretar essa resposta de forma específica.
Para isso existem três novos amigos a serem conhecidos: onreadystatechange, readyState, responseText.
onreadstatechange
Função responsável pelo processamento das informações vinda do servidor.
readyState
Responsável pelo gerenciamento da resposta do servidor. Toda vez que o servidor responde a requisição do objeto XMLHttpRequest, essa função é acionada mantendo o status de acordo com a seguinte tabela:
responseText
Resposta do servidor a requisição solicitada.
Agora que já temos uma noção melhor, precisamos apenas saber que ao invés de usar o tradicional Submit do formulário, usamos o método open() e send(), sendo que o open() recebe 3 argumentos:
Para isso existem três novos amigos a serem conhecidos: onreadystatechange, readyState, responseText.
onreadstatechange
Função responsável pelo processamento das informações vinda do servidor.
readyState
Responsável pelo gerenciamento da resposta do servidor. Toda vez que o servidor responde a requisição do objeto XMLHttpRequest, essa função é acionada mantendo o status de acordo com a seguinte tabela:
| Estado | Descrição |
| 0 | Requisição não inicializada |
| 1 | Requisição inicializada |
| 2 | Requisição enviada ao servidor |
| 3 | Requisição em processo |
| 4 | Requisição completa |
responseText
Resposta do servidor a requisição solicitada.
Agora que já temos uma noção melhor, precisamos apenas saber que ao invés de usar o tradicional Submit do formulário, usamos o método open() e send(), sendo que o open() recebe 3 argumentos:
- GET/POST - Assim como em formulários, define como os dados serão enviados.
- ENDEREÇO - Caminho completo do arquivo no servidor que irá responder a requisição.
- TRUE/FALSE - TRUE para comunicação sem sincronismo (mais utilizado para não correr o risco de travar o navegador), ou FALSE para comunicação com sincronismo.
Continue com os Artigos e Agrardo o Segundo Capito..
Abraços