Docsity
Docsity
Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity

Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium

Guias e Dicas
Guias e Dicas
Venda na Docsity
Venda na Docsity
Docsity I.A.
Docsity I.A.
EntrarCadastre-se

Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity

Encontrar documentos

Prepare-se para as provas com trabalhos de outros alunos como você, aqui na Docsity

Encontra documentos específicos para os exames da tua universidade

Encontra documentos específicos para os exames da tua universidade

Videoaulas

Prepare-se com as videoaulas e exercícios resolvidos criados a partir da grade da sua Universidade

Quiz

Responda perguntas de provas passadas e avalie sua preparação.

Docsity AINEW

Resuma seus documentos, faça perguntas, converta-os em questionários e mapas conceituais

TCC e ENEM 2026

Estude com provas passadas, TCCs e dicas úteis

Explorar perguntas

Tire suas dúvidas lendo as respostas dadas por outros alunos como você.

Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium

Compartilhe documentos
download point icon20 Pontos

Por cada documento compartilhado

Responda às perguntas
download point icon5 Pontos

por cada resposta enviada (máx. 1 por dia)

Todas as maneiras de obter pontos grátis
Ganhe pontos imediatamente

Escolha um Plano Premium com todos os pontos que precisa

Oportunidades de estudo

Escolha seu próximo programa de estudos

Entre em contato direto com as melhores Universidades do mundo. Pesquise entre milhares de Universidades e parceiros oficiais

Comunidade

Pergunte à comunidade

Peça ajuda à comunidade e tire suas dúvidas relacionadas ao estudo

Guias grátis

Os eBooks que salvam estudantes!

Baixe gratuitamente nossos guias de estudo, métodos para diminuir a ansiedade, dicas de TCC preparadas pelos professores da Docsity

Aprenda AJAX: Métodos, Atributos e Exemplos, Notas de estudo de Informática

Centro Federal de Educação Tecnológica de Minas Gerais (CEFET/MG)Informática

Saiba como utilizar métodos e atributos em ajax (asynchronous javascript and xml) para realizar requisições assíncronas de dados de um servidor e atualizar conteúdo de páginas web dinamicamente. Este tutorial fornece exemplos de uso de innerhtml e dom, calculadora, alimentação de select e json.

Tipologia: Notas de estudo

2013

Compartilhado em 23/08/2013

Alfredo_88
Alfredo_88 🇧🇷

4.7

(71)

1 / 9

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
M´etodos e Atributos
IM´etodos
Iopen(mode, url, boolean), mode ´e POST ou GET, url ´e o
endere¸co, pode ser relativo, o ´ultimo parˆametro ´e TRUE para
conex˜ao ass´ıncrona e FALSE para conex˜ao s´ıncrona.
Isend() ´
E o m´etodo SEND que ativa a conex˜ao e faz a
requisi¸c˜ao de informa¸c˜oes ao documento aberto pelo m´etodo
OPEN;
IAtributos
Istatus : Status do retorno do html, s˜ao os c´odigos padr˜oes do
html 200 ok, 400 no found;
IresponseText : Retorna a cadeia de caracteres que o servidor
enviou;
Ionreadystatechange : Define qual fun¸c˜ao ser´a chamada para
fazer a manipula¸c˜ao dos dados assim que houver um retorno;
IreadyState : C´odigo que diz o status da solicita¸c˜ao
I0 (uninitialized);
I1 (a carregar);
I2 (carregado);
I3 (interactivo);
I4 (completo).
Anselmo Luiz ´
Eden Battisti, Christiano Julio Pilger de Brito AJAX - Tutorial
pf3
pf4
pf5
pf8
pf9

Pré-visualização parcial do texto

Baixe Aprenda AJAX: Métodos, Atributos e Exemplos e outras Notas de estudo em PDF para Informática, somente na Docsity!

M´etodos e Atributos

I M´etodos

I open(mode, url, boolean), mode ´e POST ou GET, url ´e o

endere¸co, pode ser relativo, o ´ultimo parˆametro ´e TRUE para

conex˜ao ass´ıncrona e FALSE para conex˜ao s´ıncrona.

I send() E o m´´ etodo SEND que ativa a conex˜ao e faz a

requisi¸c˜ao de informa¸c˜oes ao documento aberto pelo m´etodo

OPEN;

I Atributos

I status : Status do retorno do html, s˜ao os c´odigos padr˜oes do

html 200 ok, 400 no found;

I responseText : Retorna a cadeia de caracteres que o servidor

enviou;

I onreadystatechange : Define qual fun¸c˜ao ser´a chamada para

fazer a manipula¸c˜ao dos dados assim que houver um retorno;

I readyState : C´odigo que diz o status da solicita¸c˜ao

I 0 (uninitialized);

I 1 (a carregar);

I 2 (carregado);

I 3 (interactivo);

I 4 (completo).

Exibindo os Resultados

I Para exibir o resultado da consulta pode-se usar dois m´etodos

o innerHTML ou o DOM;

I innerHTML simplesmente interpreta o texto que vem do

servidor como sendo HTML e joga dentro do objeto de

destino;

I DOM (Modelo de Objeto de Documentos) E a defini¸´ c˜ao da

estrutura l´ogica dos documentos e o meio pelo qual um

documento ´e acessado e manipulado

C´odigo Fonte 3: ’Fun¸c˜ao do Exemplo 2’

1 f u n c t i o n c a l c u l a r ( ) { 2 a j a x = a j a x I n i t ( ) ; 3 document. g e t E l e m e n t B y I d ( " resultado " ). innerHTML = " Calculando ... " ; 4 i f ( a j a x ) { 5 a j a x. o n r e a d y s t a t e c h a n g e = r e s u l t a d o ; 6 v1 = document. g e t E l e m e n t B y I d ( " v1 " ). v a l u e ; 7 v2 = document. g e t E l e m e n t B y I d ( " v2 " ). v a l u e ; 8 u r l = ’ http ://200.201.81.38/ anselmo / ciclo / calcular. php? v1 = ’+v1+’& v2 = ’+v2 ; 9 a j a x. open ( ’ GET ’ , u r l , t r u e ) ; 10 a j a x. s e n d ( n u l l ) ; 11 } 12 } 13 14 f u n c t i o n r e s u l t a d o ( ) { 15 i f ( a j a x. r e a d y S t a t e == 4 ) { 16 i f ( a j a x. s t a t u s == 2 0 0 ) { 17 document. g e t E l e m e n t B y I d ( " resultado " ). innerHTML = a j a x. r e s p o n s e T e x t ; 18 } 19 } 20 }

C´odigo Fonte 4: ’Calculadora PHP’

1

C´odigo Fonte 5: ’Cidades PHP’

1 Tup~assi " ; 8 $ c i d a d e s .= " < option value ="2" > Toledo " ; 9 $ c i d a d e s .= " < option value ="3" > Cascavel " ; 10 $ c i d a d e s .= " < option value ="4" > Pato Branco " ; 11 } 12 13 i f ( $ e s t a d o==" sp " ) { 14 $ c i d a d e s .= " < option value ="5" > Mogi " ; 15 $ c i d a d e s .= " < option value ="6" > Palmeiras " ; 16 $ c i d a d e s .= " < option value ="7" > Santos " ; 17 } 18 19 e c h o $ c i d a d e s ; 20 ?>

C´odigo Fonte 6: ’Fun¸c˜ao do Exemplo 3’

1 f u n c t i o n s e l e c i o n a C i d a d e ( e s t a d o ) { 2 a j a x = a j a x I n i t ( ) ; 3 i f ( a j a x ) { 4 a j a x. o n r e a d y s t a t e c h a n g e = e s c r e v e C i d a d e s ; 5 u r l = ’ http ://200.201.81.38/ anselmo / ciclo / cidades. php? estado = ’+e s t a d o ; 6 a j a x. open ( ’ GET ’ , u r l , t r u e ) ; 7 a j a x. s e n d ( n u l l ) ; 8 } 9 } 10 11 f u n c t i o n e s c r e v e C i d a d e s ( ) { 12 i f ( a j a x. r e a d y S t a t e == 4 ) { 13 i f ( a j a x. s t a t u s == 2 0 0 ) { 14 document. g e t E l e m e n t B y I d ( " cidade " ). innerHTML = a j a x. r e s p o n s e T e x t ; 15 } 16 } 17 } 18 19 < s e l e c t name=" estado " i d=" estado " onChange=" if ( this. options [ this. selectedIndex ]. value ) { selecionaCidade ( this. options [ this. selectedIndex ]. value ) } ">