Introdução ao JSON

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

O JSON é uma sintaxe para armazenar e trocar dados.

O JSON é escrito em formato 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.

O JSON é texto e podemos converter qualquer objeto JavaScript para JSON, enviando-o ao 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 parsing e tradução complexos.

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 pessoalmente

Você aprenderá mais sobre isso em capítulos posteriores deste tutorial. JSON.stringify() conhecimento de funções.

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 pessoalmente

Você aprenderá mais sobre isso em capítulos posteriores deste tutorial. JSON.parse() conhecimento de funções.

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.

O 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 pessoalmente

O que é JSON?

  • O JSON significa 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 é texto puro.

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

O formato JSON foi inicialmente proposto 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 JSON para objetos JavaScript nativos:

JSON.parse()

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