Como ler arquivos Json usando JavaScript ou PHP
JSON (JavaScript Object Notation)
JSON é um formato leve e de fácil leitura para troca de dados. Ele é amplamente utilizado em aplicações web e mobile para enviar dados entre um servidor e um cliente, ou entre diferentes partes de um sistema.
Principais características
Formato de texto: JSON é um formato de texto simples, o que o torna legível tanto por humanos quanto por máquinas.
Baseado em pares chave-valor: Os dados em JSON são organizados em pares de “chave” (um nome que identifica o dado) e “valor” (o dado em si).
Hierárquico: JSON permite estruturas aninhadas, o que significa que um valor pode ser outro objeto JSON ou um array, permitindo representar dados complexos e relacionamentos.
Independente de linguagem: Embora o nome “JavaScript” esteja presente, JSON é independente de qualquer linguagem de programação e pode ser utilizado com praticamente todas as linguagens modernas.
Leve: Em comparação com outros formatos como XML, JSON tende a ser mais conciso, resultando em arquivos menores e transferências de dados mais rápidas.
Tipos de dados suportados em JSON:
Strings: Sequências de caracteres, entre aspas duplas (ex: “Hello World”).
Números: Inteiros ou de ponto flutuante (ex: 123, 3.14).
Booleanos: true ou false.
Null: Representa a ausência de valor (null).
Objetos: Coleções não ordenadas de pares chave-valor, delimitadas por chaves {} (ex: {“nome”: “João”, “idade”: 30}).
Arrays: Listas ordenadas de valores, delimitadas por colchetes [] (ex: [“maçã”, “banana”, “laranja”]).
Por que JSON é tão popular?
Sua simplicidade, legibilidade e a capacidade de representar estruturas de dados complexas de forma eficiente o tornaram o padrão de fato para a troca de dados em muitas aplicações modernas. Ele é fundamental para o funcionamento de APIs RESTful e para a comunicação entre diferentes serviços e plataformas.
Exemplo de um arquivo JSON:
{
"nome": "Maria",
"idade": 25,
"cidade": "São Paulo",
"interesses": ["leitura", "caminhada", "música"],
"contato": {
"email": "maria@email.com",
"telefone": "11987654321"
},
"ativo": true
}Como ler arquivos Json usando javaScript puro
async function lerJSON(caminho) {
try {
const resposta = await fetch(caminho);
if (!resposta.ok) {
throw new Error(`Erro ao carregar o arquivo: ${resposta.status}`);
}
const dados = await resposta.json();
return dados;
} catch (erro) {
console.error('Erro ao ler o JSON:', erro);
return null;
}
}
async function lerConfig() {
const dadosJSON = await lerJSON('config.json');
if (dadosJSON) {
console.log(dadosJSON);
}else{
console.error('Erro ao ler o arquivo de configuracao');
}
}
lerConfig();Como ler arquivos Json usando javaScript com Jquery
$.getJSON('config.json', function(dados){
console.log(dados);
});Como ler arquivos Json usando PHP
if(file_exists('config.json')){
$dadosJSON2 = array();
$dadosJSON1 = file_get_contents('config.json');
$dadosJSON2 = json_decode($dadosJSON1, true);
print_r($dadosJSON2);
}else{
echo "Erro ao ler o arquivo Json"
}