O que é JSON?
JSON significa Java S cript O bject N otation
JSON é um formato leve para armazenar e transportar dados
JSON é frequentemente usado quando os dados são enviados de um servidor para uma página da web
JSON é "autodescritivo" e fácil de entender
Exemplo de JSON
Este exemplo define um objeto de funcionários: uma matriz de 3 registros de funcionários (objetos):
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Regras de sintaxe JSON
- Os dados estão em pares nome/valor
- Os dados são separados por vírgulas
- Chaves encaracoladas seguram objetos
- Os colchetes mantêm matrizes
Notação de Objeto JavaScript
O formato JSON é sintaticamente idêntico ao código para criar objetos JavaScript.
Devido a essa semelhança, um programa JavaScript pode facilmente converter dados JSON em objetos JavaScript nativos.
A sintaxe JSON é derivada da sintaxe de notação de objeto JavaScript, mas o formato JSON é somente texto. O código para leitura e geração de dados JSON pode ser escrito em qualquer linguagem de programação.
Dados JSON - um nome e um valor
Os dados JSON são escritos como pares nome/valor, assim como as propriedades do objeto JavaScript.
Um par nome/valor consiste em um nome de campo (entre aspas duplas), seguido por dois pontos, seguido por um valor:
"firstName":"John"
Os nomes JSON exigem aspas duplas. Os nomes JavaScript não.
Objetos JSON
Objetos JSON são escritos dentro de chaves.
Assim como no JavaScript, os objetos podem conter vários pares nome/valor:
{"firstName":"John", "lastName":"Doe"}
Matrizes JSON
As matrizes JSON são escritas entre colchetes.
Assim como em JavaScript, um array pode conter objetos:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
No exemplo acima, o objeto "employees" é um array. Ele contém três objetos.
Cada objeto é um registro de uma pessoa (com um nome e um sobrenome).
Convertendo um texto JSON em um objeto JavaScript
Um uso comum do JSON é ler dados de um servidor da Web e exibir os dados em uma página da Web.
Para simplificar, isso pode ser demonstrado usando uma string como entrada.
Primeiro, crie uma string JavaScript contendo a sintaxe JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Em seguida, use a função incorporada do JavaScript JSON.parse() para converter a string em um objeto JavaScript:
var obj = JSON.parse(text);
Por fim, use o novo objeto JavaScript em sua página:
Exemplo
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Tutorial completo de JSON
Esta foi uma breve descrição do JSON.
Para um tutorial JSON completo, acesse W3Schools JSON Tutorial .