tutoriais mais recente desenvolvimento web
 

JSON Como


Um uso comum do JSON é ler dados de um servidor web, e exibir os dados em uma página da web.

Por simplicidade, este pode ser demonstrada utilizando uma cadeia como entrada (em vez de um arquivo).


Exemplo JSON - Objeto De Corda

Criar uma cadeia de JavaScript que contém sintaxe JSON:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

sintaxe JSON é um subconjunto de sintaxe Javascript.

A função JavaScript JSON.parse( text ) pode ser usado para converter um texto JSON em um objeto JavaScript:

var obj = JSON.parse(text);

Use o novo objeto JavaScript em sua página:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Tente você mesmo "

Usando eval()

Navegadores mais antigos, sem o apoio para a função JavaScript JSON.parse() pode usar o eval() função para converter um texto JSON em um objeto JavaScript:

Exemplo

var obj = eval ("(" + text + ")");
Tente você mesmo "

O eval() função pode compilar e executar qualquer JavaScript.
Isto representa um problema de segurança potencial. Tente evitá-lo.

É mais seguro usar um analisador JSON para converter um texto JSON para um objeto JavaScript.

Um analisador JSON irá reconhecer apenas texto JSON e não irá compilar scripts.

Em navegadores que fornecem suporte JSON nativa, analisadores JSON também são mais rápidas.

suporte nativo a JSON está incluído em todos os principais navegadores e na última ECMAScript padrão (JavaScript):

Apoio navegadores da Web
  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4

Para navegadores mais antigos, uma biblioteca JavaScript está disponível em https://github.com/douglascrockford/JSON-js .

O formato JSON foi originalmente especificado por Douglas Crockford .