Breve Introdução ao JSON

No post Como Montar um Grid utilizando Ext JS, citei que era possível carregar os dados de um grid através de JSON.
O post de hoje tem como objetivo de fazer uma breve introdução sobre JSON.

JSON (JavaScript Object Notation – Notação de Objetos JavaScript) é uma formatação leve de troca de dados, também conhecido como um sucessor do XML. JSON é em formato texto muito simples e ao mesmo tempo elegante, além de ser em formato para troca de informações entre o browser e o servidor.

O JSON também é mais rápido e mais leve que o XML. Enquanto que no XML tratamos todos os dados como string, os objetos JSON são tipados (string, number, array, boolean).

Um objeto JSON pode ter a forma de duas estruturas:

  • Uma coleção de pares nome/valor
  • Uma lista de valores

Exemplos

json01

O objeto meuPrimeiroJSON possui 3 propriedades, ou 3 pares nome/valor. O nome de cada par é: nome, sobrenome e idade. O valor pode ser qualquer objeto Javascript. Neste exemplo, o valor de cara par, respectivamente: Loiane, Groner, 23. Note que nome e sobrenome são strings e a idade é um número.

Como já citado, o formato dos dados é chamado de JSON. O que o torna poderoso é o fato do valor porder ser qualquer tipo de dados, desde uma string até arrays e outros objetos, podendo formar tipos complexos de dados, como os da estrutura abaixo:

json02

Para converter um texto JSON em um objeto JSON, utilizamos a função eval(), que invoca o compilador javascript, que irá converter o texto e criar a estrutura de um objeto:

json03

Você pode trabalhar com JSON e diversas linguagens, inclusive java! :)

Os códigos js do post você pode fazer o download aqui

download

Conclusão

Esta foi uma rápida introdução de como representar um objeto JSON.
Para maiores detalhes, visite: http://www.json.org/

Até a próxima!

:)

Posts Similares

Filed Under: JSON

Tags: ,

About the Author

Bacharel em Ciência da Computação, trabalha como Senior Software Engineer/Tech Leader no Citibank (maior instituição financeira do mundo), em São Paulo. Autora do livro ExtJS 4 First Look, publicado mundialmente pela editora Packt Publishing. Possui um blog em inglês (http://loianegroner.com) e também contribui com artigos em inglês para o Java Lobby do portal DZone. JUG leader do CampinasJUG/Java Campinas, coordenadora do ESJUG e uma das fundadoras do JDuchessBR.

Comments (10)

Trackback URL | Comments RSS Feed

  1. Alberto Leal says:

    Mto bacana esse post de introdução, Loiane!
    Eu, particularmente, adoro JSON =)

    Posta mais sobre. Acredito que será de grande utilidade para aqueles que estão começando =D

    Abs

  2. Muito legal loiane,

    Estou fazendo um protótipo com jQuery + JSON + Struts… Essa breve explicação vai ser legal para mostrar pra uma turma aqui que ta iniciando na tecnologia.

    Beijoss :)

  3. Igo Coelho says:

    Massa seu post!

    Quem conhece o JSON simplesmente não vive mais sem ele… tenho certeza que o pessoal vai gostar e passar a usar em seus sistemas :-)

    Abs.

  4. Frederico says:

    Muito bom! Excelente introdução ao JSON. Parabéns!

    []‘s

  5. Seu blog está sendo referência pra mim em termos de aprendizado Java e ferramentas a serem usadas.

    Abraços!

    P.S. : Obrigado pelos comentários.

  6. [...] dito aqui, JSON é uma opção opção para transitar dados entre o browser e o [...]

  7. [...] já citado algumas vezes aqui no blog (como aqui e aqui), é possível trabalhar com JSON e Spring. Você pode produzir dados em formato JSON dos [...]

  8. [...] ultimamente tenho trabalhado bastante com JSON, utilizo mais a ferramenta para verificar o JSON retornado e para debugar código javascript. A [...]

Leave a Reply




If you want a picture to show with your comment, go get a Gravatar.