Finalmente a página de busca:



Figura 1.3 Página de busca. Um script comum em PHP, que devolve o resultado do banco de dados.

Essa página não tem segredo. Ela foi construída em PHP e por funcionar de forma independente pode ser reescrita em qualquer outra linguagem.

Na linha 2 é instanciada a classe mysqli, que estabelece a conexão com o MySQL. A linha 7 recupera o parâmetro enviado pela Ajax.Resquest (linha 5 do arquivo request.js).
Nas linhas 14 a 17 o script varre o resultado da consulta imprimindo os dados no formatado HTML que serão exibidos no div “divResultado” da página index.html. Caso nenhum registro seja resultado, retornará a mensagem da linha 20.

O objetivo da requisição com HttpResquest é que o tráfego das informações ocorra em background, sem que o usuário precise esperar a página inteira ir com a requisição e depois voltar com a resposta, como acontece na navegação clássica.

Para fins didáticos, não utilizei orientação a objetos com arquitetura em camadas, mas recomendo que você construa seus aplicativos com base na arquitetura MVC: separação da lógica de banco (persistência), negócio, controle e visualização. Para quem desenvolve em PHP, recomendo para a camada de visualização o uso do template Smarty (http://smarty.php.net).

Você pode baixar o código-fonte completo deste artigo, incluindo o prototype.js, clicando aqui. Ao descompactar o arquivo, procure no diretório sql o script para a criação do banco de dados usado neste artigo.

Espero que você tenha um bom proveito da biblioteca Protrotype. É uma biblioteca segura e amplamente usada e certamente ela vai agilizar seu desenvolvimento em Javascript. Estou à disposição para esclarecer qualquer dúvida ou sugestão. Não deixe de comentar este artigo.