O documento apresenta um minicurso sobre JSON e AJAX. Resume os principais tópicos abordados: 1) o que é JSON e como é usado para armazenar e transportar dados; 2) sintaxe básica de JSON; 3) como converter objetos JavaScript para JSON e vice-versa; 4) o que é AJAX e como é usado para carregar partes de páginas sem recarregá-las completamente; 5) como usar AJAX com a biblioteca jQuery.

1. Minicurso
JSON e AJAX
Instrutor: Wilker Iceri

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

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

4. Sintaxe
Acessar o exemplo

5. Sintaxe
Acessar o exemplo

6. Convertendo Objetos JavaScript para
JSON
• Para converter objetos JavaScript para o formato JSON utilizamos o método
stringify do objeto JSON no JavaScript.
• Exemplo: JSON.stringify(object);
Acessar o exemplo

7. Convertendo JSON para Objetos
JavaScript
• Vamos usar o método parseJSON da biblioteca jQuery para converter os
dados em JSON para objetos JavaScript.
• Exemplo: jQuery.parseJSON(json);
Acessar o exemplo

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

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

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

11. FIM...