web 2.0 com ajax: jquery/php (aula 06)

8
Aula 06 Wagner Silva

Upload: wagner-silva

Post on 24-May-2015

335 views

Category:

Documents


0 download

DESCRIPTION

Treinamento ministrado para turma iniciante em 2011 Aula 06

TRANSCRIPT

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

Aula 06

Wagner Silva

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

AgendaManipulando funções através do Ajax:

HTML

XML

JSON

Wagner Silva # Web 2.0 com Ajax Aula 06

Page 3: Web 2.0 com Ajax: JQuery/PHP (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

Page 4: Web 2.0 com Ajax: JQuery/PHP (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

Page 5: Web 2.0 com Ajax: JQuery/PHP (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

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

JSON header("Content-type: application/json");

json_encode

Wagner Silva # Web 2.0 com Ajax Aula 06

Page 7: Web 2.0 com Ajax: JQuery/PHP (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

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

Web 2.0 com Ajax # Aula 05 Próxima Aula:

Carregando e enviando dados dinamicamente a um banco de dados.

E-mail: [email protected]

Twitter: twitter.com/web2softeam