-
JSON, um acrônimo para “JavaScript Object Notation”, é um formato leve para intercâmbio de dados computacionais. JSON é um subconjunto da notação de objeto de JavaScript, mas seu uso não requer JavaScript exclusivamente. …
Então JSON significa JavaScript Object Notation. Opa! então JSON é JavaScript?
Na verdade o JSON é um constructo de notação, sendo um subconjunto do JavaScript, que auxilia na troca de dados entre diversas linguagens de programação.
JSON suporta Strings, Números, Boolean, Null, também suporta Objeto e Array
Como escrever um Objeto JSON?
[javascript]
var jObjeto = {“Loja”: “Amazon”, “telefone”: “9999-9999”}
[/javascript]
Agora vamos praticar um pouco…
Como exemplo do código acima pode ser resgatado em uma ação JavaScript de Alert em um evento onclick.
O código que está por trás do botão e do evento acima é o seguinte:
[javascript]
<button onclick=”myTest()”>Clique aqui</button>
<script>
var jObjeto = {“Loja”: “Amazon”, “telefone”: “9999-9999”}
function myTest() { alert(“Minha Loja é a : ” + jObjeto.Loja + ” !!!”); }
</script>
[/javascript]
Vamos detalhar o código, esse detalhamento é para àqueles que não têm intimidade com o JavaScript para entender bem o que está acontecendo.
Primeiramente inserimos um botão, com o evento onclick chamando a função myTest(), ou seja quando clicado o botão ele irá executar o que diz a função.
Logo na linha de abaixo iniciamos o script Note que com o html5 não é mais preciso definir o type como antigamente.
No script, repetimos o código anterior declarando o objeto que seria criado, e abaixo fazemos a função myTeste que trás um alert.
É importante lembrar que se eu quero escrever algo que não seja uma variável, é preciso colocar entre “” (aspas), e se quiser ligar(concatenar) texto e variável eu utilizo após as aspas um + (mais). Note bem como fica só esta parte:
[javascript]
alert(“Minha Loja é a: ” + jObjeto.Loja + ” !!!”)
[/javascript]
Note também que se eu quero chamar um elemento do objeto eu o relaciono ao objeto com um . (ponto)
Como escrever uma Array em JSON?
Muito semelhante ao Objeto, utilizamos a seguinte notação
[javascript]
var jArray = [“Domingo”, “Segunda”, “Terça”, “Quarta”, “Quinta”, “Sexta”, “Sábado”];
[/javascript]
O resgate da Array será feito como em qualquer Array … Individualmente, ou através de um “for”
[javascript]
<script>
var jArray = [“Domingo”, “Segunda”, “Terça”, “Quarta”, “Quinta”, “Sexta”, “Sábado”];
document.write(” O primeiro dia da semana é: <b>” + jArray[0] + “</b>”);
</script>
[/javascript]
Abaixo está o resultado do código acima:
Note que a Array é um conjunto de elementos, e que se eu quiser chamar o primeiro, ao invés de chamar por [1], chama-se por [0] pois que, sempre começa por [0] a array.
Agora faremos o resgate de todos os valores que estão na Array, usando o “for” que nada mais é do que um comando lógico, que nesse caso faz uma varrida na Array e retorna seus resultados.
[javascript]
<script>
var jArray = [“Domingo”, “Segunda”, “Terça”, “Quarta”, “Quinta”, “Sexta”, “Sábado”];
document.write(” Os dias da semana são: <br>”);
for (i=0; i<7 ; i++){
document.write(“<b>” + jArray[i] + “<br></b>”);
}
</script>
[/javascript]
O resultado do código acima está abaixo:
Acabamos por entrar um pouco nas especificidades da programação, mas fiz isso para àqueles que não possuem entendimento quaisquer, pudessem acompanhar passo a passo.
