Introdução ao AJAX

Antes de mais.

Pois eu até sei algumas coisas sobre HTML, .NET, ASP, VB, Javascript, T-SQL e mais algumas coisitas.
Mas AJAX é uma novidade para mim, por isso antes demais estes tutoriais tem como objectivo de poderem assistir à minha caminhada.

AJAX.

AJAXEntão o que é isto do AJAX, Asynchronous JavaScript And XML é o significado de AJAX.
É o tal produto de limpeza? É uma linguagem nova? Não, nem por isso é apenas uma maneira diferente de abordar a maneira como fazemos os nossos sites.
Antes de mais vamos analisar como é que a maioria dos sites funcionam, ou pelo menos os meus.
Vamos supor que temos uma forma para o user deixar uma mensagem ou registar-se, para tal temos uma página talvez com o nome registar.asp ou registar.php onde o user deixa os seus detalhes.
De seguida o user pressiona o nosso botão 'Registar' o script envia os dados do user para o servidor, talvez até para outro scrip onde adicionamos a informação numa base de dados e de volta o user recebe uma mensagem a informar que à informação foi registada.
Então assim de uma maneira gráfica isto pode ser o resultado:

Forma ---> Servidor ---> Resultado

Entre estes passos o user vai notar o reloading da página, normalmente por uns breves instantes a página vai ficar branca.
Não dá aquela sensação de quando estamos a trabalhar com os programas no nosso computador, existe sempre aquela espera.

Então e onde o AJAX entra.

AJAX tenta quebrar esse ritmo, tenta quebrar aquela espera que o servidor volte com a resposta.
Pode parecer pouca coisa, para um assunto que anda muito badalado no mundo da net mas AJAX pode fazer a diferença, vejam o exemplo do google maps o google suggest.
Imaginem esses exemplos a funcionarem sem AJAX, cada pedido tinha que ir ao servidor e voltar, e sempre com aqueles breves momentos de uma pagina branca.
Ficaria horrível e os users não iriam gostar muito.

OK então como escrevo AJAX.

Pois essa foi à minha pergunta inicial, e como o título do tutorial informa isto é uma pequena introdução, até pode conter uns certos erros,mas à verdade que seja dita estes são os meus primeiros passos no mundo do AJAX.
Pelos vistos AJAX é uma mistura de várias linguagens, mas uma delas têm que ser sempre usada e essa é Javascript.
Javascript sempre foi daquelas linguagens que nunca foi com o meu gosto, admiro o poder que têm com o DOM mas parte-me a cabeça especialmente quando chega ao momento do debug.
Resumindo que linguagens são usadas:

  • HTML - o normal especialmente usado para criar formas, inserir elementos para serem usados pelo resto da aplicação.
  • Javascript - pois o tal, mas é fundamental ajuda a especialmente a comunicação com o servidor.
  • DHTML - ajuda no update dinâmico das formas.
  • DOM - ui ui isto assusta algumas pessoas, mas para algumas coisas mais complicados da jeito ter uns conhecimentos do DOM.
  • ASP \ PHP - especialmente quando queremos algo relacionado com base de dados.
Pois para escrever AJAX tem que se misturar essas linguagens todas.Tipo isto:

A nossa pagina em HTML --> Javascript para estar em contacto com o servidor --> Scripts em .asp ou .php

Isto tudo pode estar so num ficheiro, mas normalmente usa-se tres ficheiros o .html outro so com o Javascript .js e outro ficheiro com o script em .asp ou .php.

Tshii tanta linguagem

A pois é. Com o AJAX temos que dar uso a quase todas. O HTML e o Javascript não dá para fugir são essenciais.
Basicamente o Javascript é o grande troque do AJAX :( pois mas é o que remove aquela espera da resposta do servidor.

Conclusão

Com a moda agora da Web 2.0 parece que AJAX é uma peça fundamental, mas claro o tópico da Web 2.0 e Web 1.0 ainda divide muitos programadores e designers, mas pelos vistos algo anda à mudar.
Hoje em dia a maioria das pessoas já não estão ligados a net pelo antigo 56K, será que 800px por 600px ainda é a resolução mais usada?
Será que as pessoas já sabem usar a internet o suficiente para puder haver uma mudança?
Seja como for, toda agente anda-se a mexer até os grandes como IBM, Microsoft, Adobe e Google parece que vão apostar fortemente.
Adobe já lançou o Flex framework, Microsoft também já tem o seu framework para o .NET.
Por isso esta na altura, se ainda não sabes o que é AJAX começa a dar atenção se sabes diz me qualquer coisa pois umas dicas iríam dar jeito :).
No próximo tutorial vou me atirar de cabeça ao código.


Votacao
Votos Positivos: 2Votos Negativos: 0
#

Opinoes
#
Jota
Jota

Nome:
Joao Parreira
Areas:
ASP, CSS, ASP.NET, T-SQL, VB.NET
#

Google #