1 javascript introdução ajax json xml [email protected]

13
1 JavaScript Introdução Ajax Json XML [email protected]

Upload: internet

Post on 16-Apr-2015

113 views

Category:

Documents


6 download

TRANSCRIPT

Page 1: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

1

JavaScript

IntroduçãoAjax

Json

XML

[email protected]

Page 2: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Ajax

O que é? XMLHttpRequest Msxml2.XMLHTTP Microsoft.XMLHTTP onreadystatechange readyState responseText , responseXML

2

Page 3: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Ajax -  Asynchronous JavaScript and XML

AJAX é carregar uma página, utilizando recursos de scripts rodando pelo lado cliente, buscando e carregando dados em segundo plano (forma assíncrona) sem a necessidade de reload/atualização da página. 

3

Page 4: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Ajax

XMLHttpRequestÉ um objeto(dll) responsável por toda

transação client/server em segundo plano.

4

Page 5: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Ajax

Microsoft.XMLHTTP Msxml2.XMLHTTPSão objetos(dlls) responsáveis por toda transação

client/server em segundo plano. Porem, são objetos que se criam através de um activeX(produto Microsoft). Para os novos navegadores IE7, IE8, IE9... É Recomendado uso da mais nova API(Msxml2.XMLHTTP).

5

Page 6: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Ajax

onreadystatechangeÉ um método responsável pela

comunicação client/server.

6

Page 7: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Ajax

readyStateÉ a propriedade, responsável pelo status

da comunicação client/server:objeto. readyState ==

0 - ainda não existe comunicação com o servidor

1 - indica o inicio da comunicação

2 - indica que foi encaminhado algum pacote para o servidor ou seja uma requisição

3 - requisição se encontra em processamento

4 - resposta do servidor

7

Page 8: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Ajax

responseTextÉ a propriedade responsável pelo retorno

da informação vinda do server para o cliente no formato Texto ou Json.

responseXMLÉ a propriedade responsável pelo retorno

da informação vinda do Server para o cliente no formato XML.

8

Page 9: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Json

JavaScript Object Notation

9

O que podemos falar sobre Json! Não é uma tecnologia nova, faz parte do JavaScript nativo, praticamente desde do seu princípio, porem somente, há alguns anos, vem se tornando popular.A proposta do mesmo é substituir o uso do XML, já que script que fazem leitura de dados em Json é bem mais rápido do que o XML.

O que podemos falar sobre Json! Não é uma tecnologia nova, faz parte do JavaScript nativo, praticamente desde do seu princípio, porem somente, há alguns anos, vem se tornando popular.A proposta do mesmo é substituir o uso do XML, já que script que fazem leitura de dados em Json é bem mais rápido do que o XML.

Page 10: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Exemplo

10

{

"dados":[

{"nome":"Bruno","idade":26}

,

{"nome":"Fabiana","idade":35}

]

}

Page 11: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

XML

eXtensible Markup Language

11

É considerado uma linguagem de marcação. Chamamos de eXtensible pelo fato de podermos definir as próprias tags. A linguagem se tornou muito útil e popular, pela capacidade de compartilhamento/intercambio entre linguagens, bancos e plataformas diferentes.Ex: Duas aplicações, desenvolvidas em plataformas e bancos diferentes podem ler/fazer uso do mesmo XML.

É considerado uma linguagem de marcação. Chamamos de eXtensible pelo fato de podermos definir as próprias tags. A linguagem se tornou muito útil e popular, pela capacidade de compartilhamento/intercambio entre linguagens, bancos e plataformas diferentes.Ex: Duas aplicações, desenvolvidas em plataformas e bancos diferentes podem ler/fazer uso do mesmo XML.

Page 12: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

XML

12

Page 13: 1 JavaScript Introdução Ajax Json XML welington@wosti.com.br

XP

Exemplo XML

13

<dados><cliente>Carlos de Almeida</cliente><telefone>(11) 4587-9685</telefone>

</dados>