JSON Tutorial

JSON: JavaScript Object Notation.

JSON é uma sintaxe para armazenamento e troca de dados.

JSON é uma alternativa mais fácil de usar para XML.

O seguinte exemplo de JSON define um objeto empregados, com uma série de 3 registros de funcionários:

Exemplo JSON

{"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

O exemplo a seguir XML também define um objeto empregados com 3 registros de funcionários:

Exemplo XML

<employees>
    <employee>
      <firstName>John</firstName> <lastName>Doe</lastName>
    </employee>
    <employee>
      <firstName>Anna</firstName> <lastName>Smith</lastName>
    </employee>
    <employee>
      <firstName>Peter</firstName> <lastName>Jones</lastName>
    </employee>
</employees>

O que é JSON?

JSON significa JavaScript Object Notation
JSON é um formato de intercâmbio de dados leve
JSON é linguagem independente *
JSON é "auto-descrição" e fácil de entender

* JSON usa a sintaxe JavaScript, mas o formato JSON é somente texto, assim como XML.
O texto pode ser lida e utilizada como um formato de dados por qualquer linguagem de programaçã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 são "auto descrevendo" (legível)
Ambos JSON e XML são 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

❮ w3ii Início Next Chapter ❯