tutoriais mais recente desenvolvimento web
 

JavaScript JSON


JSON é um formato para o armazenamento e o transporte de dados.

JSON é muitas vezes usado quando os dados são enviados a partir de um servidor para uma página web.


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

* A sintaxe JSON é derivado do objeto JavaScript sintaxe notação, mas o formato JSON é apenas texto. Código para a leitura e gerando dados JSON podem ser escritos em qualquer linguagem de programação.


Exemplo JSON

Esta sintaxe JSON define uma empregados objeto: uma matriz de 3 registros de empregados (objetos):

Exemplo JSON

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

O formato JSON Avalia como objetos JavaScript

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

Devido a essa semelhança, um programa JavaScript pode facilmente converter dados JSON em objetos nativos do JavaScript.


Regras de sintaxe JSON

  • Os dados estão em pares nome / valor
  • Os dados são separados por vírgulas
  • chaves segurar objetos
  • colchetes manter matrizes

Dados JSON - Um nome e um valor

dados JSON é escrito como pares nome / valor, assim como as propriedades do objeto JavaScript.

Um par de nome / valor consiste em um nome de campo (entre aspas), seguido por dois pontos, seguido por um valor:

"firstName":"John"

nomes JSON exigem aspas duplas. nomes JavaScript não.


objetos JSON

objetos JSON são escritas dentro de chaves.

Assim como em JavaScript, os objetos podem conter vários pares nome / valor:

{"firstName":"John", "lastName":"Doe"}

JSON Arrays

matrizes JSON são escritas dentro de colchetes.

Assim como em JavaScript, uma matriz pode conter objetos:

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

No exemplo acima, o objeto "employees" é uma matriz. 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 web, e exibir os dados em uma página da web.

Para simplificar, este pode ser demonstrada utilizando uma string como entrada (ou leia mais em nosso tutorial JSON ):

Em primeiro lugar, criar uma cadeia de JavaScript que contém sintaxe JSON:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Em seguida, use a função JavaScript embutido JSON.parse() para converter a string em um objeto JavaScript:

var obj = JSON.parse(text);

Finalmente, 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>
Tente você mesmo "

Você pode ler mais sobre JSON em nosso tutorial JSON .