Minicurso JSON & Ajax
Transferir como PPTX, PDF2 gostaram1,578 visualizações
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.
![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.](https://image.slidesharecdn.com/minicursojsoneajax-131201155827-phpapp01/85/Minicurso-JSON-Ajax-3-320.jpg)
Minicurso JSON & Ajax
- 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.
- 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...