Exemplos de AJAX em PHP utilizando XAJAX
Por: Friday 17 February 2006 às 11:08 PM
No meu penúltimo post, AJAX e PHP! Meus primeiros passos, escrevi sobre AJAX (Asynchronous JavaScript And XML) e alguns “frameworks” para desenvolvimento, agora vou postar alguns exemplos que fiz utilizando o framework XAJAX, escolhi este framework por funcionar tanto no Firefox quanto no Opera e também no ie.
Desenvolvi uma seqüência de exemplos, todos muito simples, mas acho que podem ajudar bastante no desenvolvimento de diversas aplicações AJAX (Asynchronous JavaScript And XML), porque digo isso, pois coloquei exemplos de várias situações em que o uso do AJAX (Asynchronous JavaScript And XML) é útil.
Vou apenas explicar algumas funcionalidades do exemplo que criei, e espero que seja bastante útil para todos: Primeiramente criei duas tabelas no banco de dados para testar inserções, busca e outras coisas mais, criei uma tabela de estado e uma de cidade, sei que não fui muito criativo, mas tenho certeza que será simples de entender e fácil modificar num futuro, inclui também no meu exemplo a página que o Bartus postou no penúltimo post, que é o Sistema de Votação, baixei os fontes e modifiquei para que funcionasse com o framework XAJAX.
Vou explicar agora cada link do exemplo:
- Inserir: É meio óbvio, mas é reponsável por inserir dados no banco de dados, você seleciona o estado, preenche o nome da cidade e coloca uma descrição, e pronto, só clicar em enviar e gravar os dados, eu coloquei o campo descrição apenas para ser exibido na Pesquisa, afinal é um exemplo.
- Pesquisa: Um pequeno exemplo para você buscar dados, tanto no campo cidade, quanto no campo descrição, bem simples, basta digitar e clicar em Buscar.
- Drop Down: Um pequeno exemplo para mostrar como carregar um drop down com AJAX (Asynchronous JavaScript And XML), por isso criei a tabela de estado com cidade, para poder mostrar este exemplo.
- Sugestão de Texto: Este com certeza um dos recursos mais interessantes para o uso do AJAX (Asynchronous JavaScript And XML), no estilo do Google Suggest, você vai digitando letra por letra e a aplicação vai te mostrando os resultados, no meu caso, que estão cadastrados no banco de dados, e este campo busca o nome da cidade.
- Votação Online: Como já falei anteriormente, aproveitei o código da página AJAX Rating, e adaptei ao framework XAJAX, é só clicar em uma estrelinha que vc estará votando, muito legal.
- Contato: Simula um formulário de contato, mas utilizando AJAX (Asynchronous JavaScript And XML) no envio, ou seja, sem dar post na página e esperar todo o conteúdo ser carregado novamente para ver a mensagem “Sua mensagem foi enviada! Obrigado”, este formulário irá enviar um e-mail para os dados informados, vale lembrar que estes dados não são armazenados em lugar nenhum, então podem usar para testar e indicar este artigo, o que acham?
Agora já esta na hora de mostrar os exemplos, não é mesmo? Então quem quiser conferi-los, basta acessar a página de exemplos, testar, criticar, dar sugestões e elogiar também né?
Vale lembrar que todas as funcionalidades do exemplo são carregadas via AJAX (Asynchronous JavaScript And XML), o que no mundo real não seria uma boa utilização, principalmente em se tratando de conteúdo, pois carregando-se todo o conteúdo de um site via AJAX (Asynchronous JavaScript And XML), este ficaria oculto aos robôs de busca, ou seja, os buscadores não iriam indexar o conteúdo de seu site, o que ao meu ver, não é muito interessante, mas como é um exemplo, achei que poderia utilizar desta forma.
Espero que todos gostem dos exemplos, e principalmente que sejam úteis, me coloco a inteira disposição de explicar e discutir estes ou outros exemplos de AJAX (Asynchronous JavaScript And XML), para aqueles que gostaram dos exemplos e querem estudar o código, disponibilizei todos os códigos fontes utilizados, basta fazer o download dos arquivos, lembrando que neste arquivos estão todos os fontes incluindo um script para criação das tabelas.
Por enquanto é só, novamente espero que tenham gostado dos exemplos, acho que valeu a pena esperar um pouquinho, né?
[update] Link de download corrigido, valeu Jorge Paulo. [/update]
[update 16/03/2006] Aqueles que quiserem mais material sobre o assunto, podem pesquisar no Google, ou então conferir o artigo Round-up of 30 AJAX Tutorials, que tem uma listagem com tutoriais dos mais variados. Vale a pena conferir. [update]
Artigos relacionados:
Tags: AJAX Google JavaScript PHP Programação Tecnologia
















# 1° CosmeWeb February 18th, 2006 às 1:05 AM GMT
Exemplos irados, parabéns.