Artigo 37 / 58
Compreenda como funciona o Ajax
Tags :
Ajax, readyState ,XMLHttpRequest, Asynchronous Javascript
Ajax, readyState ,XMLHttpRequest, Asynchronous Javascript
A definição de Ajax vem de Asynchronous Javascript + XML
O principal componente, o XMLHttpRequest foi desenvolvido pela Microsoft para a versão do Internet Explorer 5 em 1997 , em forma de objecto ActiveX.
Não é uma nova tecnologia, mas corresponde à integração de algumas tecnologias existentes:
A API XMLHttpRequest, compreende um conjunto de métodos responsáveis por vários métodos na construção de pedidos inerentes ao AJAX
O tipo de pedido pode ser usado utilizando os métodos GET, POST …
Por defeito async está activo (true)
A API comporta um conjunto de propriedades , que se utilizam para detectar o estado da informação a cada momento , visto que este tipo de funcionalidade é extremamente dinâmica.
O método de callback é chamado sempre que estado pronto do http (correspondente ao pedido), varie.
Em seguida segue-se o esqueleto fundamental para possa utilizar o Ajax nas suas aplicações
No código javascript que escrevermos , eis como temos acesso às propriedades:
//verifica o estado de prontidão
if (pedido.readyState == 4) {
// faz alguma coisa
//verifica o estado da requisição
if (pedido.status == 200) {
// faz alguma coisa ....
O principal componente, o XMLHttpRequest foi desenvolvido pela Microsoft para a versão do Internet Explorer 5 em 1997 , em forma de objecto ActiveX.
Não é uma nova tecnologia, mas corresponde à integração de algumas tecnologias existentes:
- Javascript que compreende o XMLHttpRequest + Listener
- DHTML e/ou DOM para actualização da interface (User Interface) com o utilizador
- XML para formatar os dados enviados
A API XMLHttpRequest, compreende um conjunto de métodos responsáveis por vários métodos na construção de pedidos inerentes ao AJAX
open ()
– estabelece um novo pedido ao servidorParâmetros
open (tipo-pedido,url,async, utilizador , password)O tipo de pedido pode ser usado utilizando os métodos GET, POST …
Por defeito async está activo (true)
send()
envia o pedido ao servidorParâmetros
send ( conteúdo-a-enviar) conteúdo-a-enviar – corresponde à informação indicada através do método POST , ou nulo para GET (estes parâmetros são codificados na url) . Aqui pode entrar o Json posteriormente para fazer a descodificação dos dados.A API comporta um conjunto de propriedades , que se utilizam para detectar o estado da informação a cada momento , visto que este tipo de funcionalidade é extremamente dinâmica.
readyState
– informa o estado actual do pedido . Devolve valores entre 0 (antes do método open())e 4 (completo , a resposta do servidor existe)onreadestatechange
– especiifca o método de chamada (callback)O método de callback é chamado sempre que estado pronto do http (correspondente ao pedido), varie.
status
: códigos de estado http (200 significa que correu tudo bem)responseText
– o servidor responde em formado de texto plano (Plain Text)responseXML
– o servidor responde em formado XML (objecto)Em seguida segue-se o esqueleto fundamental para possa utilizar o Ajax nas suas aplicações
var pedido = null;
try {
// habilita o javascript para pedidos HTTP assincronos
//também cobre versão Firefox, Opera , Safari
pedido = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
// versões novas do IE
pedido = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
// versões antigas do IE
pedido = new ActiveXObject("Microsoft.XMLHTTP");
}catch (falha) {
pedido = null;
}
}
}
if (pedido == null)
alert("Não foi possível criar o objecto !");
No código javascript que escrevermos , eis como temos acesso às propriedades:
//verifica o estado de prontidão
if (pedido.readyState == 4) {
// faz alguma coisa
//verifica o estado da requisição
if (pedido.status == 200) {
// faz alguma coisa ....
Não existem comentários para este artigo 
Estão online 4 utilizadores !