tutoriais mais recente desenvolvimento web
 

JSON - Introdução


JSON - Avalia a objetos JavaScript

O formato JSON é sintaticamente idêntico ao código para a criação de objetos JavaScript.

Devido a essa semelhança, em vez de usar um analisador (como XML faz), um programa JavaScript pode utilizar funções padrão JavaScript para converter os dados JSON em objetos nativos do JavaScript.


Tente você mesmo

Com o nosso editor, você pode editar o código JavaScript em linha e clique em um botão para ver o resultado:

Exemplo JSON

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

<p id="demo"></p>

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
Tente você mesmo "

Muito parecido com XML Devido

  • Ambos JSON e XML é "auto descrevendo" (legível)
  • Ambos JSON e XML é hierárquicos (valores dentro dos valores)
  • Ambos JSON e XML pode ser analisado e utilizado por muitas linguagens de programação
  • Ambos JSON e XML podem ser buscados com um XMLHttpRequest

Muito Ao contrário XML Devido

  • O JSON não usar tag end
  • JSON é mais curto
  • JSON é mais rápido para ler e escrever
  • JSON pode usar arrays

A maior diferença é a seguinte:

XML tem de ser analisado com um parser XML, JSON pode ser analisado por uma função JavaScript padrão.


Por JSON?

Para aplicações AJAX, JSON é mais rápido e mais fácil do que XML:

usando XML

  • Buscar um documento XML
  • Use o DOM XML para percorrer o documento
  • valores extrair e armazenar em variáveis

usando JSON

  • Retorna uma string JSON
  • JSON.parse a string JSON