AJAX em partes: Parte 1: O que é AJAX

O QUE É AJAX?

Esta é uma pergunta frequente que ouço das pessoas que trabalham com web, ou simplesmente gostam de tecnologia. Se você também não conhece, recomendo acompanhar este e os próximos post em "nosso blog".

AJAX é o acrônimo de Asynchronous Javascript And XML (traduzindo ao pé da letra: Javascript e XML Assíncrono). Um ponto importante que deve ser considerado é que AJAX não é TECNOLOGIA e sim METODOLOGIA.

A metodologia AJAX ocorre quando é instanciado o objeto nativo nos navegadores atuais(browsers) chamado XMLHttpRequest(isto nos browsers Firefox, Mozilla, Opera), no caso do Internet Explorer é chamado com ActiveXObject('Microsoft.XMLHttp') ou ActiveXObject('MicrosoftMSXML2.XMLHttp') com modificações nas versões do objeto active X (MSXML2.XMLHttp.3.0 à MSXML2.XMLHttp.5.0), que é responsável em realizar "requisições" ao servidor (POST e/ou GET) de forma a não recarregar a página devido a forma assíncrona de requisição.

Este objeto mencionado fôra desenvolvido primeiramente pela Microsoft e aplicado a seu navegador Internet Explorer e logo em seguida, adotado pelos demais navegadores.

O grande BBBOOOMMM desta metodologia(AJAX) é a interação que pode ser realizada com o usuário. Citarei um exemplo prático, porém odioso para o internauta, os nossos famosos e importantes FORMULARIOS(FORMS).

Para um usuário não há coisa pior do que preencher um big formulário e no final, quando submeter o formulário, ver que suas informações não estão válidas e ter que preencher novamente este formulário, isto é repulsivo... com AJAX, no envio do formulário (propriedade onsubmit de form) já é validado se as informações estão corretas por intermédio do XMLHttpRequest e caso não estejam, não haverá a "perca" dos dados do formulário mas sim a menção do campo inválido e a ocorrência de foco neste campo (focus()) para seu preenchimento correto.

Este é apenas um exemplo, existem vários outros...

No Próximo post ensinarei como instanciar o objeto XMLHttpRequest e utilizá-lo em uma requisição assíncrona ao servidor http.

{ Até ... }

artigo 1: Conhecendo JSON (não o JaSON)

Hoje gostaria de agradecer a Deus por todo o universo e pela força que o movimenta. Obrigado!

O termo JSON é o acrônimo de Javascript Object Notation (traduzindo: Notação de Objeto Javascript), e é divulgado pela http://www.json.org (aqui vc encontrará tudo), e que realmente (embasado em projetos nos quais o utilizei), é um método poderozíssimo para implementação de objetos em javascript.

Para que você meu amigo(a) e irmão(ã) leitor(a) possa entender, JSON é utilizado pelo Gmail, Orkut, Scriptaculous, JQuery, Dojo, etc... (acho que não preciso mencionar mais exemplos ;)) na interação do banco de dados com o browser do cliente.

Um de seus objetivos, além de agilidade na transição da informação, é "formatar" os dados para que sejam de fácil interpretação e manipulação.

É uma excelente opção, assim como o XML, para a transição de dados entre o servidor e o objeto XMLHttpRequest, que na utilização deste, deve ser recebido pela função eval() do javascript (ex.: var json = eval("("+objetoAjax.responseText+")") ), todos sabemos que esta seria mais uma forma inteligente e "viável" para manipulação dos dados pelo método responseText do objeto XMLHttpRequest(caso a resposta do servidor seja recebida por responseXML), pois caso a resposta seja responseXML aconselho a utilização de DOM (Document Object Models), que trataremos posteriormente noutros artigos.

Vejamos um exemplo (que deve ser utilizado em um arquivo html comum entre as tags de script javascript):


var json = { "rs" : [ { "nome":"aqui vem o nome ou valor dos dados" } ] }
alert(json.rs[0].nome); //exibe um alerta com o texto aqui vem o nome ou valor dos dados


A função do código acima é exibir na tela por intermédio de um alert (janela de mensagem do javascript), o texto referido.

Caso tenha dúvida, poste um comentário que o mais breve possível, tentarei saná-la.

Adair Commodo
Obrigado

O 1º Blog de minha vida

Grande maioria das pessoas se lembram de determinadas passagens e sua vida para sempre, como por exemplo, a primeira vez que andou de bicicleta, a primeira vez que beijou alguém, a primeira vez que transou, enfim, quero documentar que este é meu primeiro blog.

Quero que seja de conteúdo rico para todos que lerem estas linhas (pois tá certo que há algumas pessoas q adoram bobagens na rede ;) ), mas não é o meu caso.

Primeiramente gostaria de me apresentar, me chamo Adair José Rossatto Commodo, tenho 31 anos.

Trabalho na Fundação João Paulo II/Canção Nova no Departamento de Tecnologia da Informação (IT) no setor de CPD/DATACENTER como Administrador de Banco de Dados MySQL e PostgreSQL.

Destinarei este blog para "ismiúçamento" de programação web, com tutorias e explicações de:
- PHP
- MySQL e PostgreSQL Databases,
- Javascript (Crossbrowser),
- CSS,
- DOM (Document Object Model),
- XSL,
- XML,
- XHTML,
- XMLHttpRequest (o tão famoso, porém simples, AJAX),
- JSON (Javascript Object Notation),
- e o q mais der na telha... hehehe