• Embed Doc
  • Readcast
  • Collections
  • 2
    CommentGo Back
Download
 
DESENVOLVIMENTO WEB –
INTRODUÇÃO AO AJAX 
2008/2010 Versão 4.0b - Prof. Carlos Majer Página 1Este material pertence a
Carlos A. Majer
, Professor Universitário de Tecnologia da Informação eEspecialista em Ensino a Distância e Docência Superior pela Universidade Cidade de São Paulo (
UNICID
).
Licença de Uso
 Este trabalho está licenciado sob uma Licença Creative Commons: Atribuição-Compartilhamento pela mesmaLicença 2.5 Brasil. Para ver uma cópia desta licença, visitehttp://creativecommons.org/licenses/by-sa/2.5/br/(em português) ou envie uma carta para Creative Commons, 559 Nathan Abbott Way, Stanford,California 94305, USA.Isto significa que você poderá copiar, distribuir, exibir e realizar trabalhos derivados desta obra com asseguintes restrições:-
 
Você deverá sempre fazer referência ao autor: Carlos Majer
 
O texto “Documento disponível emhttp://www.carlosmajer.com.br/“ deveser mencionado ao menos uma vez neste documento (Este é o Termo deLicença para uso deste documento), podendo ser no rodapé das páginas, naprimeira ou última página do documento de projeto. Caso venha a ter algumadúvida contate-me diretamente.
 
Você não poderá utilizar este trabalho para fins ilegais, imorais ou de forma adenegrir ou prejudicar outras pessoas ou instituições.
Para maiores informações envie um e-mail paracontato@carlosmajer.com.broucmajer@ig.com.broucmajer@uol.com.br 
 
Caso acredite que este material tenha lhe ajudado, envie um e-mail de agradecimento. Isto é o suficiente para motivar-
 
me a continuar desenvolvendo este tipo de material e disponibilizá-lo para o público. Caso note algum erro ou tenhaalguma sugestão, sinta-se à vontade para me contatar.
Tecnologia Nível de Conhecimento Desejado
HTML MédioJavascript MédioProgramação Web Médio
 
DESENVOLVIMENTO WEB –
INTRODUÇÃO AO AJAX 
2008/2010 Versão 4.0b - Prof. Carlos Majer Página 2
 AJAX 
 Asynchronous Javascript and XML
IInnttrroodduuççããoo 
Este é um artigo que visa introduzir a utilização de AJAX ao desenvolvedor web. Para isto, o estudante deveatender alguns pré-requisitos:-
 
Conhecimento mínimo para criação de elementos de formulários HTML
 
Conhecimento mínimo de funcionamento do Javascript (estrutura, condições, laços, criação devariáveis, etc.)
 
Conhecimento básico do DOM – Document Object Model, para poder acessar os objetos criados napágina HTML.
 
Como o exemplo é em PHP, pressupõe-se que o desenvolvedor tenha conhecimento destalinguagem. Caso isto não ocorra, mas ele tenha conhecimento em outras linguagens deprogramação web, ele poderá, por analogia, entender o que a página PHP está fazendo.
Caso não tenha ainda estes conhecimentos, busque-os e depois consulte esta apostila. Vamos lá? Algumas pessoas podem pensar que
 AJAX 
é algum produto de limpeza.Outras podem achar que é uma nova tecnologia.
 AJAX 
é um acrônimo para Javascript Assíncrono e XML, ou seja, o uso de tecnologia existente (Javascript eXML) de uma forma inovadora e que veio para mudar a maneira pela qual os desenvolvedores efetuamcertos trabalhos na Internet.Utilizado inicialmente pelo
Microsoft
 
Internet Explorer
® e adotado posteriormente pelos demaisnavegadores, o
 AJAX 
é uma forma inovadora de uso de
Javascript
e
 XML
que permite a criação de um
objeto Ajax
(Javascript). Este objeto consegue acessar outra página e receber o retorno de informação(sem sair da primeira página). A informação recebida pode ser tratada dentro do código (da página onde o objeto existe) permitindo aodesenvolvedor uma forma inovadora na criação de sua interface de forma a enriquecer e agilizar aexperiência do usuário dentro do sistema.Uma das características deste objeto é que o mesmo pode comportar-se de uma forma assíncrona emrelação à página HTML, isto é, enquanto a página continua a ser carregada (parcialmente ou totalmente) oobjeto funciona em paralelo, correspondendo-se com a página destino até receber a informação desejada(ou algum erro ocorrer).
Javascript
O Javascript é a nossa velha linguagem de script para navegadores. É nela que criamos nosso objeto AJAX.
 XML (Extensible Markup Language)
 A Linguagem de Marcas Extensível tal como o
HTML
é baseada no padrão
SGML
(Standard GeneralizedMarkup Language) e foi criada para facilitar a troca de dados. O
 AJAX 
por padrão transfere os dados de umlocal para outro usando
 XML
. Além do XML existe a possibilidade de receber as informações em formatotexto.
 
DESENV Versão 4.0b - Prof. Carlos Majer
FFoorrmmuulláárriiooddeeCCaaddaassttrr
Um dos grandes problemas do
HTM
precisar acessar alguma informaçãodeterminada página, esta informaçãIsto faz com que o processo seja leUm exemplo clássico é o do típico cidentificação (também conhecida co Ao clicar no botão para confirmar se(dinâmica) que irá verificar se a ide(verificando a existência da informa
Funcionamento sem uso de
Muitas vezes, na utilização tradicionrecarga de páginas até se atingir opara se executar este tipo de proce  Vamos dar uma olhada no processoLVIMENTO WEB –
INTRODUÇÃO AO AJAX 
ddeeUUssuuáárriioo 
L
(e seus derivados PHP, ASP, ASP.NET, etc.) é(muitas vezes em função de uma interação como só pode ser recuperada através de uma chamato e tedioso.dastro de um novo usuário num site. O usuário imo
login
ou
ID
) e demais dados.u cadastro, a página de cadastro (
HTML
) carregtificação (login/ID) informada pode ser usada pão no banco de dados).
J
 
 AX 
l da web (sem o uso de AJAX) verificamos a nebjetivo desejado. Até alguns anos atrás esta eraimento.tradicional de cadastro?2008/2010Página 3fato de que aoo usuário), numada à outra página.informa suaa outra páginalo novo usuárioessidade constante dea única forma utilizada
of 00

Leave a Comment

You must be to leave a comment.
Submit
Characters: ...

Excelente material, parabéns! [2]

Excelente material, parabéns!

You must be to leave a comment.
Submit
Characters: ...