Minicurso JSON & Ajax

1.226 visualizações

Publicada em

Minicurso de JSON & AJAX oferecido aos alunos da FATEC.

Publicada em: Tecnologia
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.226
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
50
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Minicurso JSON & Ajax

  1. 1. Minicurso JSON e AJAX Instrutor: Wilker Iceri
  2. 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. 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. 4. Sintaxe Acessar o exemplo
  5. 5. Sintaxe Acessar o exemplo
  6. 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. 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. 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. 9. AJAX com jQuery • É possível utilizar o AJAX facilmente utilizando a biblioteca jQuery utilizando o método $.ajax(opcoes). Acessar o exemplo
  10. 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. 11. FIM...

×