AJAX e PHP! Meus primeiros passos

Por: Flávio Theruo KaminisseSaturday 21 January 2006 às 9:10 AM

Fiquei um tempo sem escrever nada por aqui, mas foi muita correira, muito trabalho, continuo na correria e com muito trabalho, mas consegui tirar um tempinho para escrever um post, pois já estava mais no que na hora, tanto de escrever novamente no blog quanto de falar sobre o assunto.

Estou começando a me dedicar mais ao estudo e desenvolvimento de aplicações que utilizam esta tecnologia muito interessante que é o AJAX (Asynchronous JavaScript And XML).

Comecei fazendo algumas coisas na unha para aprender pelo menos o básico, e quebrar um pouco a cabeça, foi até interessante, fazer tudo do nada, mas é melhor você utilizar frameworks prontos (encontrei vários para PHP), pois aumentam sua produtividade e você aprende muito, se analisar o código (vantagens do opensource), e temos excelentes frameworks para serem utilizados, testei e desenvolvi alguns exemplos principalmente em três frameworks, que são: SAJAX, XAJAX e não podia deixar de citar a PAJAX desenvolvido pelo brasileiro Guilherme Blanco. Vou descrever um pouco das vantagens e desvantagens que eu pude perceber de cada um.

Vou iniciar pelo SAJAX, que é o mais simples de todos que testei, e nem por isso menos útil para ser utilizado, digo mais simples, pois, tudo está em apenas um arquivo que você inclui em seu código, segue alguns passos básicos, como algumas chamadas de funções, faz sua função PHP (que tanto pode acessar uma base de dados ou apenas fazer algumas operações) que será chamada assincronamente pelo JavaScript e pronto, tudo funcionando, quem quiser utilizar este framework, basta baixar seu fonte, pois existem exemplos, e ainda podem ler um artigo no phpbrasil.com que mostra e explica, em português, um exemplo do próprio framework.

Um outro framework que eu gostei bastante de utilizar, que é muito completo e muito fácil, é o PAJAX, ele é excelente, com um código muito bem feito, com vários exemplos para facilitar ainda mais o desenvolvimento (parabéns Guilherme), também gostei da possibilidade de chamar métodos de objetos, instânciados anteriormente e muitas outras facilidades, mas agora vamos aos problemas. Devido a maneira como foi implementado o transporte do XML do PHP para o JavaScript e vice-versa, como o próprio Guilherme escreveu para na lista php-especialistas “Possui falha de suporte ao Opera, devido à total dependência de XML (o Opera não possui uma implementação muito agradável do componente XmlDocument)”, devido a necessidade de deixar as aplicações acessíveis a maioria dos browsers, este é um fator restritivo ao seu uso, mas independente deste e de outros pequenos problemas, este foi o framework que mais gostei.

E por fim um framework que também é muito interessante, e eu gostei muito de trabalhar com ele, que é o XAJAX, que possui uma forma diferente de tratar o retorno do PHP, pois tanto o SAJAX quanto o PAJAX retornam os dados diretamente para uma função JavaScript, já no XAJAX você cria o response JavaScript na função PHP, e depois vai adicionando os comandos, os eventos e outras coisas mais, achei muito interessante a forma que foi feita, pois o tratamento do resultado não fica diretamente no JavaScript deixando suas funções resguardadas, também muito fácil de utilizar e tem a vantagem de funcionar no Firefox, Opera e ie.

Para finalizar este primeiro post (de muitos, pelo menos espero) que trata diretamente sobre o assunto AJAX (Asynchronous JavaScript And XML), vou deixar minhas considerações finais, vale a pena ler, estudar e utilizar AJAX (Asynchronous JavaScript And XML), pois, não é uma tecnologia nova e está ganhando muito espaço ultimamente, principalmente por causa de nosso amiguinho Google, então mãos a obra, pois temos muito a aprender.

Caso eu tenha cometido algum engano, ou tenha deixado algo importante de lado, ou ainda alguém queira sugerir outros frameworks, fiquem a vontade, espero que tenham gostado da leitura e estou esperando sua colaboração.

Artigos relacionados:

Tags: AJAX Google Impressão JavaScript PHP Parabéns Programação Tecnologia

25 Comentários para “AJAX e PHP! Meus primeiros passos”

# 1° Rodrigo Muniz January 21st, 2006 às 4:57 PM GMT

Legal Flávio!
Depois mostra aqui as coisas prontas que você tem feito nos estudos aí. :)
Abraço!

# 2° Ciro Feitosa January 21st, 2006 às 5:32 PM GMT

Flávio,

Muito bom sua análise, inclusive falando sobre os “frameworks” para AJAX. Só tive tempo de testar o SAJAX até agora, bem simples.

Como sempre digo, AJAX melhora muito a usabilidade de um sistema, fazendo as coisas se mostrarem mais ágeis.

Parabéns. Abraço!

# 3° Bartus January 25th, 2006 às 4:05 AM GMT

Veja um Sistema de Votação feito em ajax, que está me ajudando a entender tb o funcionamento disso.

# 4° Marcelo January 27th, 2006 às 10:05 AM GMT

As possibilidades que o uso do AJAX abre são muito bacanas. É super interessante ver a evolução do conceito de website com ‘páginas’ para ‘aplicativos’.

# 5° Gerson Felipe February 1st, 2006 às 8:05 AM GMT

E ae Flavio, blz?
Utilizo SAJAX a algum tempo em meus sites e estou esperando os préximos posts para aumentar o meu conhecimento no assunto.
Não demore :)

# 6° Ronald Weber Leite February 5th, 2006 às 5:37 PM GMT

Bem legal seu artigo, mas pelo que vi nos respectivos sites, achei o XAJAX o mais completo, e por isso pretendo usá-lo. ;D

# 7° Diário de Bordo #5 » Revolução February 7th, 2006 às 4:23 PM GMT

[...] O Flávio Japs fez alguns testes interessantes com Ajax que você também não deve deixar de ver. [...]

# 8° O Japs de cara nova » Japs February 13th, 2006 às 11:15 PM GMT

[...] Aproveito este post para avisar que estarei publicando em breve alguns exemplos de utilização de AJAX (Asynchronous JavaScript And XML), complementando o meu último artigo AJAX e PHP! Meus primeiros passos, o novo artigo já está pronto, só não estou tendo tempo de colocar os exemplos funcionando no site, mas vou fazer o possível para terminar ainda esta semana. [...]

# 9° Exemplos de AJAX em PHP utilizando XAJAX » Japs February 17th, 2006 às 11:31 PM GMT

[...] No 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. [...]

# 10° Exemplos de AJAX em PHP utilizando XAJAX » Japs February 18th, 2006 às 9:09 AM GMT

[...] 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. [...]

# 11° mickey April 11th, 2006 às 10:30 AM GMT

hola quisiera compartir esperiencias de php con su grupo pero no se portugues

# 12° jsfernando May 10th, 2006 às 6:38 PM GMT

Flávio, também utilizei o exemplo do Xajax quando saiu na info-exame em 16/11/2005 http://info.abril.com.br/download/4327.shtml#

Esse exemplo traz exatamente as duas tabelas (cadastro e UF) com Php/MySQL… , como trabalho com PostgreSQL, mudei o exemplo e blz funcionou…
Esse ano quando tentei começar usar o exemplo da função “xajax.inc.php” com uma tabela simples de dois campos e utilizando o mesmo exemplo…, não obtive sucesso …
Até rodei o Xajax Debug que me mostrou a $sql e o resultado em mas não mostra nada no browser… e estou à 3 dias procurando algum tipo de erro ou engano em css…

Mas não achei nada ?!?!?
Vc acha que tem algum segredo que deixei de configurar ???

Obrigado

# 13° Jean Fernandes June 11th, 2006 às 12:38 PM GMT

Sou marinheiro de primeira viagem , com programação para web. Tenho um problema a resolver que é controlar um sistema via interface browser. A ideia que está sendo trabalhada é a troca de informacoes (por eventos gerados a partir da intervencao do usuario na tela do browser) entre a aplicacao browser e uma aplicacao no servidor de web. Minha duvida é se com o uso do AJAX mais algum item de programacao se consiga manter uma conexao permanente (com refresh automatico de apenas uma parte da tela do browser) entre a interface web e a aplicacao no servidor, principalmente para atualizar itens de sinalizacao. Por exemplo, na aplicacao hospedada no servidor de web, capta dados do campo e conforme estado, atualiza a pagina web (apenas uma parte dela) sem a intervencao do usuário que esta operando no browser. Sugestoões ?

Agradeço de antemão.

# 14° Bruno Rodrigues June 18th, 2006 às 9:08 PM GMT

Ok! Seu artigo está muito bom! Resolvi iniciar um estudo sobre ajax, pois já estão cogitando a utilização desta nova forma de programar lá no serviço já há algum tempo e também não posso ficar de fora! Espero poder começar bem por aqui com suas dicas! Valeu…

# 15° teste June 26th, 2006 às 5:56 PM GMT

teste

# 16° Rafael Lara July 4th, 2006 às 5:10 PM GMT

ai cara eh tava procurando noticias sobre JScript e achei seu site que por falar nisso eh otimo viu… sem pagar pau mas eh msmo e naum conhecia o AJAX comecei agora e testei e eh bompacas
como te falei to comessando a usar ele se vc souber de algum lugar q oferece a apostila dele por favo me avise ow se vc tiver por favor me passe blza
fora isso parabéns pelo site faloww ……..
agora sempre estarei visitando ele e enviando para amigos meus ….
ele me esclareceu varis coisas
…………………..RAFAEL LARA ……..

# 17° 1 ano do primeiro artigo e uma pequena restrospectiva » Japs August 26th, 2006 às 11:31 AM GMT

[...] Outro artigo que foi bem interessante, AJAX e PHP! Meus primeiros passos, onde falei um pouco sobre AJAX (Asynchronous JavaScript And XML) e alguns frameworks, ou melhor dizendo, bibliotecas para facilitar o uso de AJAX (Asynchronous JavaScript And XML). [...]

# 18° maxuel September 5th, 2006 às 11:56 PM GMT

Boa noite…

Estou utilizando sajax p/ fazer uma busca..conforme ex que peguei na internet… porem todos os ex que consegui. a implementação preenche somente um unico edit.. geramente de nome.. gostaria.. de uma ajudinha. pois nao estou conseguindo minha consulta preencher os demais campos da tela.. ex.. sexo, endereço….etc.. assim quando usuario digita-se um codigo valido eu preencheria todos os campos com valores correspondentes no banco na tela..

mais nao consigo..

# 19° kin88.dll October 17th, 2006 às 5:04 PM GMT

Ae gente blz?
Primeiramente, gostaria de dizer ae que pow, curti pacas o seu post japs… Venho lendo muitas

Bom eu estudo web design a algum tempo e gostaria que a galera que posta ae avaliasse meu site, levando em conta claro que eu ainda estou implementando alguns recursos nele… Minha prioridade é por um mural como esse. Se alguém quiser me dar algumas dicas de como impletar AJAX em meu site eu fico feliz.
meu msn é kin88_@hotmail.com

Por favor acessem meu site para avalia-lo http://www.kin88.vai.la

Se alguém precisar de alguma coisa relacionado a edição de imagens e vetorização, podem me pedir. TKZ

# 20° Regis Andrade November 28th, 2006 às 11:23 AM GMT

Ola pessoal, estou estudando ajax a alguns dias, mas so encontro exemplos de consultas, gostaria de exemplos de inclusão, alguém pode me ajudar?
(PHP + AJAX)

[]‘s

# 21° jefferson de campos gomes April 19th, 2007 às 4:38 PM GMT

Gostaria de saber no Rio de Janeiro aonde tem o curso Ajax – Asynchronous JavaScript and XML . Grato pela atenção

# 22° ajax soh funfa na propria page July 30th, 2007 às 10:12 PM GMT

AJAX SO FUNFA NA PROPRIA PAGE TIPO O IFRAME
ABRAÇOS

– PROGRAMADOR!

# 23° Geolar September 19th, 2007 às 4:46 AM GMT

estou descobrindo o ajax agora.
baixei o seu modelo em xajax primeiros passos
e ajustei o arquivo _conection
para conectar meu banco (postgres).

criei as tabelas de seu sql,
como meu banco é dif do seu, o autoincrmento substitui por uma sequence,
e inseri um registro manualmente para ver se o banco estava funcionando. está!

mas o modelo não funciona corretamente.
chama a tela inicial, mas ao clicar em inserir ou pesquisa
(qualquer atalho) da a seginte msg.
Error: the XML response that was returned from the server cannot be processed.

Salvei na mesma estrutura do seu aquivo zipado e os includes estão no direteorio que lendo seu programa, entendi ser o correto para os includes.
//localhost/exemplo_ajax/includes/xajax/xajax_js

testei o seu modelo em seu site e ta ok, ma pq não funciona no meu?

# 24° AJAX e PHP! Meus primeiros passos » Japs « Micreiros February 20th, 2009 às 10:46 AM GMT

[...] primeiros passos » Japs Posted by jordaniel under Sem categoria | Tags: AJAX, PHP |   AJAX e PHP! Meus primeiros passos » Japs. [...]

# 25° Diário de Bordo #5 ≈ Revolução Etc August 22nd, 2010 às 11:12 AM GMT

[...] Flávio Japs fez alguns testes interessantes com Ajax que você também não deve deixar de [...]

Avisos
Os ítens com asterisco ( * ) são campos de preenchimento obrigatório.
Todos os links inseridos nos comentários possuem o atributo rel="nofollow" para impedir com que user agents (como os mecanismos de busca) sigam os links inseridos para desestimular spammers.
Todos devem se identificar através de e-mail válido.
Os e-mails dos usuários não serão divulgados no site.
Comentários:
  • Sigam-me no Twitter

Sobre o Japs

Foto do autor Flávio Theruo Kaminisse O Japs é o site pessoal do Flávio T. Kaminisse, atualmente trabalha com Análise de sistemas na Webroom Soluções Interativas, é formado em Ciência da Computação pela Universidade Federal de Uberlândia, é também especialista em Banco de Dados, tendo concluído sua pós-graduação pela Unitri, gosta de mexer um pouco com Linux, é responsável pela área de TI do Charges.com.br e Webinsider, e ainda arruma um tempinho para escrever sobre tecnologia, javascript, AJAX, desenvolvimento e outros assuntos interessantes por aqui. Leia mais.

Você ainda não tem estes livros na sua biblioteca? Cuidado! Você está ficando desatualizado.

  • Sistemas de Banco de Dados - Ramez E. Elmasri, Shamkant Navathe
  • PHP: a Bíblia - Tim Converse, Joyce Park
  • MySQL: a Bíblia - Steve Suehring
  • Fundamentos do Ajax - Ryan Asleson, Nathaniel T. Schutta
  • Hackers Expostos - Stuart Mcclure, Joel Scambray, George Kurtz
  • PHP 5: Programação Poderosa - Gutmans, Bakken, Rethans
  • Não me faça pensar! - Steve Krug
  • Google Adwords a Arte da Guerra - Ricardo Vaz Monteiro
  • Sandman - Neil Gaiman
  • The Art and Science of Web Design - Jeffrey Veen
  • Ansiedade de Informação 2 - RICHARD SAUL WURMAN
  • Mobile Web Design - Cameron Moll

838 assinantes Assine o feed do Japs

Artigos por e-mail

Receba os últimos artigos do Japs no seu e-mail.


Encontre-me

O Japs recomenda

Blogs amigos:

Alguns sites e blogs que valem a pena ser visitados:

Pessoas que trabalham comigo:

Sites dos colegas de trabalho na Webroom.

Já trabalharam comigo: