SlideShare uma empresa Scribd logo
1 de 8
Baixar para ler offline
Aula 06

Wagner Silva
Agenda
        Manipulando funções através do Ajax:
              HTML

              XML

              JSON




Wagner Silva # Web 2.0 com Ajax                 Aula 06
HTML
        Exemplo: Servidor retorna a lista de e-mail já
           formatada em HTML.



        Exercício: Auto-complete na pesquisa a partir da 3ª
           palavra.




Wagner Silva # Web 2.0 com Ajax                                Aula 06
XML
        libxml

        header("Content-Type: text/xml"); / saveXML()

        DOMDocument()

              createElement()

              appendChild()

        nó.find(nó).text()
Wagner Silva # Web 2.0 com Ajax                          Aula 06
XML
        Exemplo: Servidor retorna a lista de e-mail num
           arquivo XML.



        Exercício: Carregar estados automaticamente e, ao
           selecionar um estado, carregar somente as cidades
           deste.



Wagner Silva # Web 2.0 com Ajax                                Aula 06
JSON
        header("Content-type: application/json");

        json_encode




Wagner Silva # Web 2.0 com Ajax                      Aula 06
JSON
        Exemplo: Servidor retorna a lista de e-mail formatados
           com JSON.



        Exercício: Ordenação de dados numa tabela.




Wagner Silva # Web 2.0 com Ajax                             Aula 06
Web 2.0 com Ajax # Aula 05
 Próxima Aula:
   Carregando e enviando dados dinamicamente a um
    banco de dados.



 E-mail: web2softeam@gmail.com

 Twitter: twitter.com/web2softeam

Mais conteúdo relacionado

Semelhante a Web 2.0 com Ajax: JQuery/PHP (Aula 06)

Web 2.0 com Ajax: JQuery/PHP (Aula 02)
Web 2.0 com Ajax: JQuery/PHP (Aula 02)Web 2.0 com Ajax: JQuery/PHP (Aula 02)
Web 2.0 com Ajax: JQuery/PHP (Aula 02)Wagner Silva
 
Aplicações Web com AJAX - Er Galvão Abbott
Aplicações Web com AJAX - Er Galvão AbbottAplicações Web com AJAX - Er Galvão Abbott
Aplicações Web com AJAX - Er Galvão AbbottTchelinux
 
Ajax O Objeto Xml Http Request Parte 1
Ajax   O Objeto Xml Http Request   Parte 1Ajax   O Objeto Xml Http Request   Parte 1
Ajax O Objeto Xml Http Request Parte 1infinitopublicidade
 
Curso Java (Parte 8) Web Service REST
Curso Java (Parte 8) Web Service RESTCurso Java (Parte 8) Web Service REST
Curso Java (Parte 8) Web Service RESTMario Sergio
 
Web 2.0 com Ajax: JQuery/PHP (Aula 05)
Web 2.0 com Ajax: JQuery/PHP (Aula 05)Web 2.0 com Ajax: JQuery/PHP (Aula 05)
Web 2.0 com Ajax: JQuery/PHP (Aula 05)Wagner Silva
 
Curso de Java (Parte 7) Web Application
Curso de Java (Parte 7) Web ApplicationCurso de Java (Parte 7) Web Application
Curso de Java (Parte 7) Web ApplicationMario Sergio
 
Como construir sua primeira aplicação de Big Data na AWS
Como construir sua primeira aplicação de Big Data na AWSComo construir sua primeira aplicação de Big Data na AWS
Como construir sua primeira aplicação de Big Data na AWSAmazon Web Services LATAM
 
Consumindo soap wsdl
Consumindo soap wsdlConsumindo soap wsdl
Consumindo soap wsdlJeison Barros
 
Mvc model view controller - java para desenvolvimento web
Mvc   model view controller - java para desenvolvimento webMvc   model view controller - java para desenvolvimento web
Mvc model view controller - java para desenvolvimento webValdir Junior
 
Ajax O Objeto Xml Http Request Parte 2
Ajax   O Objeto Xml Http Request   Parte 2Ajax   O Objeto Xml Http Request   Parte 2
Ajax O Objeto Xml Http Request Parte 2infinitopublicidade
 
Javascript (parte 2)
Javascript (parte 2)Javascript (parte 2)
Javascript (parte 2)Alex Camargo
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)Alex Camargo
 

Semelhante a Web 2.0 com Ajax: JQuery/PHP (Aula 06) (19)

Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Web 2.0 com Ajax: JQuery/PHP (Aula 02)
Web 2.0 com Ajax: JQuery/PHP (Aula 02)Web 2.0 com Ajax: JQuery/PHP (Aula 02)
Web 2.0 com Ajax: JQuery/PHP (Aula 02)
 
Frameworks Ajax
Frameworks AjaxFrameworks Ajax
Frameworks Ajax
 
Aplicações Web com AJAX - Er Galvão Abbott
Aplicações Web com AJAX - Er Galvão AbbottAplicações Web com AJAX - Er Galvão Abbott
Aplicações Web com AJAX - Er Galvão Abbott
 
Ajax O Objeto Xml Http Request Parte 1
Ajax   O Objeto Xml Http Request   Parte 1Ajax   O Objeto Xml Http Request   Parte 1
Ajax O Objeto Xml Http Request Parte 1
 
Curso Java (Parte 8) Web Service REST
Curso Java (Parte 8) Web Service RESTCurso Java (Parte 8) Web Service REST
Curso Java (Parte 8) Web Service REST
 
Tutorial de ajax
Tutorial de ajaxTutorial de ajax
Tutorial de ajax
 
Ajax como comecar
Ajax como comecarAjax como comecar
Ajax como comecar
 
Web 2.0 com Ajax: JQuery/PHP (Aula 05)
Web 2.0 com Ajax: JQuery/PHP (Aula 05)Web 2.0 com Ajax: JQuery/PHP (Aula 05)
Web 2.0 com Ajax: JQuery/PHP (Aula 05)
 
8159540 Tutorial De Ajax
8159540 Tutorial De Ajax8159540 Tutorial De Ajax
8159540 Tutorial De Ajax
 
Curso de Java (Parte 7) Web Application
Curso de Java (Parte 7) Web ApplicationCurso de Java (Parte 7) Web Application
Curso de Java (Parte 7) Web Application
 
Como construir sua primeira aplicação de Big Data na AWS
Como construir sua primeira aplicação de Big Data na AWSComo construir sua primeira aplicação de Big Data na AWS
Como construir sua primeira aplicação de Big Data na AWS
 
Treinamento ajax 02
Treinamento ajax   02Treinamento ajax   02
Treinamento ajax 02
 
Consumindo soap wsdl
Consumindo soap wsdlConsumindo soap wsdl
Consumindo soap wsdl
 
Mvc model view controller - java para desenvolvimento web
Mvc   model view controller - java para desenvolvimento webMvc   model view controller - java para desenvolvimento web
Mvc model view controller - java para desenvolvimento web
 
Ajax O Objeto Xml Http Request Parte 2
Ajax   O Objeto Xml Http Request   Parte 2Ajax   O Objeto Xml Http Request   Parte 2
Ajax O Objeto Xml Http Request Parte 2
 
Javascript (parte 2)
Javascript (parte 2)Javascript (parte 2)
Javascript (parte 2)
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)
 

Mais de Wagner Silva

APF- Análise de Ponto de Função
APF- Análise de Ponto de FunçãoAPF- Análise de Ponto de Função
APF- Análise de Ponto de FunçãoWagner Silva
 
MVS: Minimum Valuable Service
MVS: Minimum Valuable ServiceMVS: Minimum Valuable Service
MVS: Minimum Valuable ServiceWagner Silva
 
Cultive seus sonhos
Cultive seus sonhosCultive seus sonhos
Cultive seus sonhosWagner Silva
 
PETI - Fase de Execução
PETI - Fase de ExecuçãoPETI - Fase de Execução
PETI - Fase de ExecuçãoWagner Silva
 
Governança Corporativa-TI
Governança Corporativa-TIGovernança Corporativa-TI
Governança Corporativa-TIWagner Silva
 
Alinhamento Estratégico de TI
Alinhamento Estratégico de TIAlinhamento Estratégico de TI
Alinhamento Estratégico de TIWagner Silva
 
Auditoria e Segurança em TI
Auditoria e Segurança em TIAuditoria e Segurança em TI
Auditoria e Segurança em TIWagner Silva
 
Web 2.0 com Ajax: JQuery/PHP (Aula 01)
Web 2.0 com Ajax: JQuery/PHP (Aula 01)Web 2.0 com Ajax: JQuery/PHP (Aula 01)
Web 2.0 com Ajax: JQuery/PHP (Aula 01)Wagner Silva
 
Web 2.0 com Ajax: JQuery/PHP (Aula 03)
Web 2.0 com Ajax: JQuery/PHP (Aula 03)Web 2.0 com Ajax: JQuery/PHP (Aula 03)
Web 2.0 com Ajax: JQuery/PHP (Aula 03)Wagner Silva
 
Web 2.0 com Ajax: JQuery/PHP (Aula 04)
Web 2.0 com Ajax: JQuery/PHP (Aula 04)Web 2.0 com Ajax: JQuery/PHP (Aula 04)
Web 2.0 com Ajax: JQuery/PHP (Aula 04)Wagner Silva
 
Web 2.0 com Ajax: JQuery/PHP (Aula 07)
Web 2.0 com Ajax: JQuery/PHP (Aula 07)Web 2.0 com Ajax: JQuery/PHP (Aula 07)
Web 2.0 com Ajax: JQuery/PHP (Aula 07)Wagner Silva
 
PETIC: Conceitos, Fundamentos, Guia e Sua Aplicação na Universidade Federal d...
PETIC: Conceitos, Fundamentos, Guia e Sua Aplicação na Universidade Federal d...PETIC: Conceitos, Fundamentos, Guia e Sua Aplicação na Universidade Federal d...
PETIC: Conceitos, Fundamentos, Guia e Sua Aplicação na Universidade Federal d...Wagner Silva
 
Concepção do PETIC no CPD da UFS
Concepção do PETIC no CPD da UFSConcepção do PETIC no CPD da UFS
Concepção do PETIC no CPD da UFSWagner Silva
 
PETI - Planejamento Estratégico de Tecnologia da Informação
PETI - Planejamento Estratégico de Tecnologia da InformaçãoPETI - Planejamento Estratégico de Tecnologia da Informação
PETI - Planejamento Estratégico de Tecnologia da InformaçãoWagner Silva
 

Mais de Wagner Silva (16)

APF- Análise de Ponto de Função
APF- Análise de Ponto de FunçãoAPF- Análise de Ponto de Função
APF- Análise de Ponto de Função
 
MVS: Minimum Valuable Service
MVS: Minimum Valuable ServiceMVS: Minimum Valuable Service
MVS: Minimum Valuable Service
 
Cultive seus sonhos
Cultive seus sonhosCultive seus sonhos
Cultive seus sonhos
 
PETI - Fase de Execução
PETI - Fase de ExecuçãoPETI - Fase de Execução
PETI - Fase de Execução
 
PETI
PETIPETI
PETI
 
Governança de TI
Governança de TIGovernança de TI
Governança de TI
 
Governança Corporativa-TI
Governança Corporativa-TIGovernança Corporativa-TI
Governança Corporativa-TI
 
Alinhamento Estratégico de TI
Alinhamento Estratégico de TIAlinhamento Estratégico de TI
Alinhamento Estratégico de TI
 
Auditoria e Segurança em TI
Auditoria e Segurança em TIAuditoria e Segurança em TI
Auditoria e Segurança em TI
 
Web 2.0 com Ajax: JQuery/PHP (Aula 01)
Web 2.0 com Ajax: JQuery/PHP (Aula 01)Web 2.0 com Ajax: JQuery/PHP (Aula 01)
Web 2.0 com Ajax: JQuery/PHP (Aula 01)
 
Web 2.0 com Ajax: JQuery/PHP (Aula 03)
Web 2.0 com Ajax: JQuery/PHP (Aula 03)Web 2.0 com Ajax: JQuery/PHP (Aula 03)
Web 2.0 com Ajax: JQuery/PHP (Aula 03)
 
Web 2.0 com Ajax: JQuery/PHP (Aula 04)
Web 2.0 com Ajax: JQuery/PHP (Aula 04)Web 2.0 com Ajax: JQuery/PHP (Aula 04)
Web 2.0 com Ajax: JQuery/PHP (Aula 04)
 
Web 2.0 com Ajax: JQuery/PHP (Aula 07)
Web 2.0 com Ajax: JQuery/PHP (Aula 07)Web 2.0 com Ajax: JQuery/PHP (Aula 07)
Web 2.0 com Ajax: JQuery/PHP (Aula 07)
 
PETIC: Conceitos, Fundamentos, Guia e Sua Aplicação na Universidade Federal d...
PETIC: Conceitos, Fundamentos, Guia e Sua Aplicação na Universidade Federal d...PETIC: Conceitos, Fundamentos, Guia e Sua Aplicação na Universidade Federal d...
PETIC: Conceitos, Fundamentos, Guia e Sua Aplicação na Universidade Federal d...
 
Concepção do PETIC no CPD da UFS
Concepção do PETIC no CPD da UFSConcepção do PETIC no CPD da UFS
Concepção do PETIC no CPD da UFS
 
PETI - Planejamento Estratégico de Tecnologia da Informação
PETI - Planejamento Estratégico de Tecnologia da InformaçãoPETI - Planejamento Estratégico de Tecnologia da Informação
PETI - Planejamento Estratégico de Tecnologia da Informação
 

Web 2.0 com Ajax: JQuery/PHP (Aula 06)

  • 2. Agenda  Manipulando funções através do Ajax:  HTML  XML  JSON Wagner Silva # Web 2.0 com Ajax Aula 06
  • 3. HTML  Exemplo: Servidor retorna a lista de e-mail já formatada em HTML.  Exercício: Auto-complete na pesquisa a partir da 3ª palavra. Wagner Silva # Web 2.0 com Ajax Aula 06
  • 4. XML  libxml  header("Content-Type: text/xml"); / saveXML()  DOMDocument()  createElement()  appendChild()  nó.find(nó).text() Wagner Silva # Web 2.0 com Ajax Aula 06
  • 5. XML  Exemplo: Servidor retorna a lista de e-mail num arquivo XML.  Exercício: Carregar estados automaticamente e, ao selecionar um estado, carregar somente as cidades deste. Wagner Silva # Web 2.0 com Ajax Aula 06
  • 6. JSON  header("Content-type: application/json");  json_encode Wagner Silva # Web 2.0 com Ajax Aula 06
  • 7. JSON  Exemplo: Servidor retorna a lista de e-mail formatados com JSON.  Exercício: Ordenação de dados numa tabela. Wagner Silva # Web 2.0 com Ajax Aula 06
  • 8. Web 2.0 com Ajax # Aula 05  Próxima Aula:  Carregando e enviando dados dinamicamente a um banco de dados.  E-mail: web2softeam@gmail.com  Twitter: twitter.com/web2softeam