minicurso json & ajax

Minicurso

JSON e AJAXInstrutor: Wilker Iceri

O que é JSON?• É uma notação de Objeto JavaScript.

• É usado para armazenar e transportar informações de texto, como XML.

• JSON é menor e mais rápido que o XML.

Sintaxe• Chaves {} é usado para envolver objetos.

• Colchetes [] é usado para envolver matrizes.

• Os dados são colocados em pares de nome/valor.

• Os dados são separados por vírgula.

Sintaxe

Acessar o exemplo

Sintaxe

Acessar o exemplo

Convertendo Objetos JavaScript para

JSON

Acessar o exemplo

• Para converter objetos JavaScript para o formato JSON utilizamos o método stringify do objeto JSON no JavaScript.

• Exemplo: JSON.stringify(object);

Convertendo JSON para Objetos

JavaScript

Acessar o exemplo

• Vamos usar o método parseJSON da biblioteca jQuery para converter os dados em JSON para objetos JavaScript.

• Exemplo: jQuery.parseJSON(json);

O que é AJAX?• AJAX é a sigla de Asynchronous JavaScript And XML.

• Apesar do nome contêm a palavra XML, ele é geralmente utilizado com JSON.

• A idéia do AJAX é permitir o carregamento de somente algumas partes da página web, sem a necessidade de atualizar a página inteira.

• Exemplos: Google Maps, Gmail, Facebook, etc.

AJAX com jQuery• É possível utilizar o AJAX facilmente utilizando a biblioteca jQuery utilizando o método $.ajax(opcoes).

Acessar o exemplo

POST e GET• Além da função $.ajax(), o jQuery disponibiliza a função $.post() e $.get() como funções de conveniência.

Acessar o exemplo

FIM...