Introdução Ajax Json XML

Apresentação em tema: "Introdução Ajax Json XML"— Transcrição da apresentação:

1 Introdução Ajax Json XML
JavaScript Introdução Ajax Json XML

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

3 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. 

4 Ajax XMLHttpRequest É um objeto(dll) responsável por toda transação client/server em segundo plano.

5 Ajax Microsoft.XMLHTTP Msxml2.XMLHTTP
Sã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).

6 Ajax onreadystatechange
É um método responsável pela comunicação client/server.

7 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

8 Ajax responseText responseXML
É 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.

9 Json JavaScript Object Notation
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.

10 Exemplo { "dados":[ {"nome":"Bruno","idade":26} , {"nome":"Fabiana","idade":35} ] }

11 XML eXtensible Markup Language
É 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.

12 XML

13 Exemplo XML <dados>
<cliente>Carlos de Almeida</cliente> <telefone>(11) </telefone> </dados>