Introdução ao JSON

JSON: JavaScript Object Notation (marcador de objeto JavaScript).

JSON é uma sintaxe para armazenar e trocar dados.

JSON é escrito em uma notação de marcação de objeto JavaScript.

Trocar dados

Quando os dados são trocados entre o navegador e o servidor, esses dados devem ser sempre texto.

JSON é texto e podemos converter qualquer objeto JavaScript para JSON, para então enviá-lo para o servidor.

Também podemos converter qualquer JSON recebido do servidor para um objeto JavaScript.

Dessa forma, podemos manipular os dados como objetos JavaScript, sem a necessidade de análise e tradução complexas.

Enviar dados

Se seus dados estiverem armazenados em um objeto JavaScript, você pode converter esse objeto para JSON e, em seguida, enviá-lo para o servidor.

Exemplo

var myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
var myJSON =  JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Experimente você mesmo

Você aprenderá mais sobre isso nas seções posteriores deste tutorial. JSON.stringify() conhecimento de função.

Receber dados

Se você receber dados em formato JSON, você pode convertê-los para um objeto JavaScript:

Exemplo

var myJSON = '{ "name":"Bill Gates",  "age":62, "city":"Seattle" }';
var myObj =  JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Experimente você mesmo

Você aprenderá mais sobre isso nas seções posteriores deste tutorial. JSON.parse() conhecimento de função.

Armazenar dados

Ao armazenar dados, eles devem estar em um formato específico e, independentemente de onde você escolher armazená-los, o texto sempre será um formato válido.

JSON torna possível armazenar objetos JavaScript como texto.

Exemplo

Armazenar dados no armazenamento local

//Armazenar dados：
myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
myJSON =  JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//Receber dados：
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

Experimente você mesmo

O que é JSON?

  • O JSON é o acrônimo de JavaScript Object Notation（JavaScript Object Notation）
  • O JSON é um formato de troca de dados leve
  • O JSON é auto-descriptivo e fácil de entender
  • JSON é independente de linguagem*

*

O JSON usa a sintaxe do JavaScript, mas o formato JSON é um texto puro.

O texto pode ser lido e usado como dados por qualquer linguagem de programação.

O formato JSON foi proposto originalmente por Douglas Crockford.

Por que usar JSON?

Como o formato JSON é apenas texto, ele pode ser transmitido facilmente entre o servidor e o navegador e usado como formato de dados em qualquer linguagem de programação.

O JavaScript fornece funções internas para converter strings escritas em formato JSON em objetos JavaScript nativos:

JSON.parse()

Portanto, se você receber dados em formato JSON do servidor, pode usá-lo como qualquer outro objeto JavaScript.