estudo ajax

Prévia do material em texto

Entendo o objeto XMLHttpRequest 
Um dos problemas iniciais no uso de AJAX é que cada navegador utiliza uma 
forma diferente de instanciar o objeto, devemos trtá-las em nosso código. O objeto 
possui eventos, métodos e propriedades que iremos usar para fazer a requisição da 
página. O objeto possui eventos que são disparados quando o estado da solicitação 
muda, recupera-se o retorno ao término do processamento, os dados recebidos 
podem ser trabalhados e inseridos na página. 
Métodos 
 abort() - Interrompe a requisição. 
 getAllResponseHeaders() - Retorna todos os cabeçalhos 
enviados pelo arquivo requisitado. 
 getResponseHeader("headerLabel") - Retorna o valor para 
o cabeçalho informado. 
 open("method", "URL"[, asyncFlag[, "userName"[, 
"password"]]]) - Configura a conexão com arquivo 
especificado. Dependendo do tipo do arquivo, vários tipos de 
ações poderão ser tomadas. Pode ser determinado o tipo se a 
requisição vai ser assíncrona ou não, a soliciação síncrona só 
poderá ser realizada em alguns navegadores. 
 send(content) – Realiza a requisção para o servidor Web, 
podendo enviar texto, vetor de bytes ou dados XML. 
 setRequestHeader("label", "value") - Especifica um valor 
para um cabeçalho HTTP. 
 overrideMimeType(mime) - Específica o valor MIME para o 
cabeçalho Content-Type. 
 
Propriedades 
 readyState - informa o estado do retorno após o 
processamento da requisição 
0 Criado, mas não inicializado 
1 Criado, mas não usado o método send 
2 Método send usado, mas ainda não houve retorno do estado e 
nem de cabeçalho. 
3 Ocorreu retorno de dados, mas ocorreu algum erro. 
4 Operação com sucesso 
 responseText - resposta como um texto. 
 responseXML - resposta como dados no formato XML 
 responseType – retorna o tipo de dados recebidos.Os valores 
são: cadeia vazia (padrão), "arraybuffer", "blob", "document", 
"json" e "text" 
 status - retorna o código de estado de processamento HTTP. 
 statusText - retorna a descrição de estado de processamento 
HTTP. 
 timeout – especifica o tempo máximo para execução da 
requisição. O valor zero informa que não possui limite. 
 upload - retornar o objeto XMLHttpRequestUpload associado. 
 
Eventos 
 onreadystatechange - atribui a função que tratará a alteração 
do estado para requisições assíncronas. É chamado 
 
 
 
automaticamente quando o estado se altera, eles podems ser 
verificados com a propriedade readyState. 
Função Padrão para uso com o AJAX 
A Web tornou-se uma fonte de informações e acabamos encontrando algumas 
informações em várias páginas. Existem várias funções que podemos usar para 
fazermos o uso do objeto XMLHttpRequest. Iremos apresentar uma que pode ser 
usada de forma simples. 
 
 
 
 
 
A função apresentada retorna as informações no formato HTML e as insere em uma 
“DIV”.