Ajax como começar
Este artigo guia o leitor através das bases do AJAX e oferece dois exemplos práticos simples para poder começar.
Conteúdo
[esconder]
1 O que é AJAX 2 1º passo - dizer "Por favor!" ou Como fazer um pedido HTTP 3 2º Passo - "Ora aqui está!" ou Lidar com a Resposta do Servidor 4 Passo 3 – "Agora todos juntos!" - Um exemplo simples 5 Passo 4 – "Os Ficheiros-X" ou Trabalhar com a Resposta XML
[editar]
O que é AJAX
AJAX (Asynchronous JavaScript and XML) é um termo criado recentemente para duas características poderosas dos browsers que existem há anos mas tem sido ignoradas por muitos criadores de páginas web até recentemente, quando aplicações como Gmail, Google suggest e Google Maps foram lançadas. As duas principais características são a possibilidade de : efectuar pedidos ao servidor sem ter de recarregar a página analisar gramaticalmente e trabalhar com documentos XML [editar]
1º passo - dizer "Por favor!" ou Como fazer um pedido HTTP
Para se fazer um pedido HTTP ao servidor usando JavaScript, você precisa de uma instância de uma classe que disponibiliza essa funcionalidade. Tal classe foi primeiro introduzida no Internet Explorer sob a forma de um objecto ActiveX chamado XMLHTTP. Então o Mozilla, o Safari e outros browsers seguiram-se, implementando uma classe de nome XMLHttpRequest que suportava os métodos e as propriedades do objecto ActiveX original da Microsoft.
Como resultado, em ordem para criar uma instância (objecto) multiplataformas da classe pretendida, você pode fazer:
if (window.XMLHttpRequest) { // Mozilla, Safari, ... http_request = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE http_request = new ActiveXObject("Microsoft.XMLHTTP"); }
(só a título de exemplo, o código acima é uma versão simplificada do código a ser usado para a criação de uma instância XMLHTTP. Para um exemplo mais "vida real", dê uma olhadela ao 3º passo deste artigo.) Algumas versões de alguns browsers Mozilla não irão