Servidor JSON

Um uso comum do JSON é trocar dados com um servidor web.

Quando você recebe dados de um servidor web, os dados sempre são strings.

Usar JSON.parse() Analisar dados, os dados se tornarão objetos JavaScript.

Enviar Dados

Se você armazenar dados em um objeto JavaScript, pode converter o objeto em JSON e enviá-lo ao servidor:

Exemplo

const myObj = {name: "Bill", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Experimente pessoalmente

Receber Dados

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

Exemplo

const myJSON = '{"name":"Bill", "age":31, "city":"New York"}';
const myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Experimente pessoalmente

JSON do servidor

Você pode fazer uma solicitação AJAX para obter JSON do servidor

Se a resposta do servidor for escrita em formato JSON, você pode converter a string em um objeto JavaScript.

Exemplo

Usar XMLHttpRequest para obter dados do servidor:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myObj = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json.txt");
xmlhttp.send();

Experimente pessoalmente

Veja também:json.txt

JSON em forma de array

Usando em JSON derivado de array JSON.parse() quando, este método retornará um array JavaScript, em vez de um objeto JavaScript.

Exemplo

JSON retornado do servidor em forma de array:

const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
  const myArr = JSON.parse(this.responseText);
  document.getElementById("demo").innerHTML = myArr[0];
  }
}
xmlhttp.open("GET", "json_array.txt", true);
xmlhttp.send();

Experimente pessoalmente

Veja também:json_array.txt