Apresentando JSON
exemplos on-line
Com o nosso editor, você pode on-line editar o código JavaScript, e depois ver os resultados clicando em um botão:
exemplos JSON
<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>
<script>
var JSONObject= {
"name":"John Johnson",
"street":"Oslo West 555",
"age":33,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>
</body>
</html>
tente »
Clique no botão "Try" para ver a instância online.
Em comum com XML
- JSON é um texto
- JSON "auto-descritivo" (legível)
- JSON com uma estrutura hierárquica (valor de valor)
- JSON pode ser analisado pelo JavaScript
- dados JSON pode ser transmitida usando AJAX
E difere XML
- Nenhuma tag end
- Shorter
- Leia mais rápido
- Você pode usar o método built-in JavaScript eval () para analisar
- O uso de matrizes
- Não use uma palavra reservada
Por que usar JSON?
Para aplicações AJAX, JSON sobre XML mais rápido e mais fácil de usar:
Use XML
- Leia documentos XML
- Use DOM XML para atravessar a circulação de documentos
- E ler o valor armazenado na variável
usando JSON
- Leia cordas JSON
- Use eval () de processamento de string JSON