PHP e Ajax com XAJAX

PHP e AJAX com XAJAX Rafael Machado Dohms Coordenação PHPDF

Conteúdo Pré-Requisitos O que é AJAX? Como funciona? O Objeto XMLHttpRequest Onde devo usar? Quem está usando? Caminhos para o aprendizado Prática 1: no braço Prática 2: XAJAX Outras soluções e comentários

Pré-Requisitos Javascript DOM (Document Object Model) Javascript com XML PHP com XML MySQL e conexão com Banco de Dados Noções de OO

Quem sou? Rafael Machado Dohms é Engenheiro da Computação (DF-13735/D) formado pelo Centro Universitário de Brasília, natural de Porto Alegre/RS. Atua na área de desenvolvimento e implementação de projetos de sistemas web-based, responsável pela gerência de desenvolvimento do Portal ComuniWeb. 8 anos de experiência em PHP Membro da coordenação do PHPDF

Objetivo Apresentar a técnica de programação conhecida como AJAX, apresentando sua forma de trabalho e demonstrando como aproveitar a biblioteca XAJAX.

AJAX- O que é? Não é uma tecnologia nova! Nova forma de se utilizar tecnologias já consolidadas: CSS, DOM, JS e o XMLHttpRequest Asyncronous Javascript And XML Envio assíncrono de dados Grandes por míudos: Enviar e receber dados novos sem recarregar a página (background)

Como funciona AJAX? Apache IIS Lighthttp... PHP ASP JSP Ruby ...

O XMLHttpRequest Histórico 2000 - Criado pela Microsoft para o Outlook WebAccess 2002 – Incorporado no Mozilla 2006 – Publicado o primeiro Draft na W3C

XMLHttpRequest Propriedades readyState 0 = uninitialized (não inicializado) 1 = loading (carregando) 2 = loaded (carregado) 3 = interactive (interagindo) 4 = complete (pronto) responseText responseXML Status (200,404,403...) statusText (Not found…) onreadystatechange -- evento

XMLHttpRequest Métodos open ("method","URL",async,"uname","pswd") Ex: open(“POST”,”arquivo.php”,true); setRequestHeader ("label","value") send (content) getResponseHeader("headername") getAllResponseHeaders() abort()

Onde usar e onde não? Use: Auto-complete Validação complexa de dados Criação de subitens de um item maior Carregar dados externos de acordo com parâmetros em tempo real Não use: navegação

Quem já usa? Google GMail Google Calendar Google Maps Sistemas De votação De Cálculo de Transporte

Caminhos ao Aprendizado Sem utilizar bibliotecas/frameworks Vantagens: Maio domínio da ferramenta Maior controle (como e onde) Desvantagens Tempo e esforço Utilizando bibliotecas/frameworks Vantagens Produtividade acelerada JavaScript opcional Menos pré-requisitos Desvantagem Refém da biblioteca Pouco conhecimento do “por trás das cortinas”

Prática 1: no braço Objetivo Mural de recados Funcionalidades Adição de mensagens Visualização de mensagens Material PHP Base de dados O browser FireFox possui uma extensão (componente) chamado FireBug que ajuda muito a debugar sites com AJAX, pois mostra todas requisições feitas, o que foi enviado e o que foi recebido

Prática 1 Funções Javascript criaRequest Cria uma instância do objeto XmlHttpRequest enviaDados() Reúne os dados Usa o Request para enviar os dados por POST Define função de retorno recebeDados() Verifica estado Recebe valores Altera DOM

Prática 1 Funções PHP gravaDepoimento Recebe Dados do POST Grava no banco montaTemplate Monta template Monta XML de resposta Retorna dados

Prática 1 Retorno XML <?xml version= "1.0" encoding= "iso-8859-1" ?> <response> <erro> 0/1 </erro> <item id= "1" > Retorno em HTML ou Texto </item> </response>

O XAJAX O que é? Biblioteca em PHP, que implementa as funções javascript necessárias Onde? http://www.xajaxproject.org/

Prática 2: XAJAX Objetivo Mural de recados Funcionalidades Adição de mensagens Visualização de mensagens Remoção Material PHP XAJAX Base de dados

Prática 2 Funções XAJAX gravaDepoimento Recebe os dados Validação dos dados Insere no banco Gera retorno delDepoimento Recebe id do depoimento Deleta do banco Define ações javascript

Outras estradas e Comentários Bibliotecas Javascript Prototype PHP SAJAX (http://www.modernmethod.com/sajax/) PEAR::HTML_AJAX (http://pear.php.net/package/HTML_AJAX) Xajax (http://www.xajaxproject.org/) Soluções Javascript Remote Invocation XML RPC Flash Remoting Segurança??

Contato Obrigado! Aproveitem o evento Blog www.rafaeldohms.com.br Email [email_address] Links FireFox : http://www.getfirefox.com/ FireBug : http:// www.getfirebug.com/ Xajax : http://www.xajaxproject.org/

PHP e Ajax com XAJAX

Recomendados

Mais conteúdo relacionado

Destaque (13)

Semelhante a PHP e Ajax com XAJAX (20)

Mais de Rafael Dohms (20)

Último (12)

PHP e Ajax com XAJAX