Você pode querer usar JSON com o seu código javascript para colocar objetos em movimento. Neste exemplo, você usa AJAX para abrir e exibir um documento de texto que contém um trecho de HTML. Outro uso comum para AJAX é solicitar e receber dados para processamento pelo navegador. Por exemplo, gasbuddy.com

utiliza um mapa do Google juntamente com os dados sobre preços de gás, de apresentar uma simples e up-to-date vista dos preços do gás em locais diferentes.

Se você examinar gasbuddy.com na guia Rede, você verá que alguns pedidos têm respostas que algo parecido com este código.

([{id:#148-tuwtvtuvvvv#148-,base:[351289344,822599680],zrange:[11,11],layer:#148-m@288429816#148-,features:[{id:#148-17243857463485476481#148-,a:[0,0],bb:[-8,-8,7,7,-47,7,48,22,-41,19,41,34],c:#148-{1:{title:#148-Folsom State Recreation Lake Area#148-},4:{type:1}}#148-}]},{id:#148-tuwtvtuvvvw#148-,zrange:[11,11],layer:#148-m@288429816#148-},{id:#148-tuwtvtuvvwv#148-,base:[351506432,824291328],zrange:[11,11],layer:#148-m@288429816#148-,features:[{id:#148-8748558518353272790#148-,a:[0,0],bb:[-8,-8,7,7,-41,7,41,22],c:#148-{1:{title:#148-Deer Angra Hills#148-},4:{type:1}}#148-}]},{id:#148-tuwtvtuvvww#148-,zrange:[11,11],layer:#148-m@288429816#148-}])

Se você pegar um pequeno pedaço de dados fora deste bloco de código e reformatá-lo, você obter algo como isto, o que deve olhar mais familiar para você.

{id:#148-tuwtvtuvvvv#148-,base:[351289344,822599680],zrange:[11,11],layer:#148-m@288429816#148-,features:[{id:#148-17243857463485476481#148-,a:[0,0],bb:[-8,-8,7,7,-47,7,48,22,-41,19,41,34],c:#148-{1:{title:#148-Folsom Lake State Recreation Area # 148 -}, 4: {type: 1}} # 148-}]}}

Ao olhar para o formato dos dados, você pode ver que ele parece suspeito como o Nome: Valor formato de um objeto javascript literal.

A principal razão JSON é tão fácil de usar é porque já está em um formato que javascript pode trabalhar com, por isso é necessária nenhuma conversão.

{ # 147 BOOK_TITLE # 148-: # 147-codificação com javascript For Dummies # 148 -, nº 147-BOOK_AUTHOR # 148-: # 147 Chris Minnick e Eva Holland # 148 -, nº 147-resumo # 148-: iniciantes nº 147-Tudo precisa saber para começar a codificação com javascript # 148 -, nº 147-ISBN # 148 -: #! 148-9781119056072 # 148-}

Este exemplo mostra como esses dados podem ser carregados em uma página web usando javascript e, em seguida, usado para exibir seus dados em HTML.

Título do livro
 
autores
 
Resumo
 

A chave para a exibição de todos os dados JSON que é trazido em um documento javascript de uma fonte externa é convertê-la a partir de uma seqüência de caracteres para um objeto usando o JSON.parse método. Depois de fazer isso, você pode acessar os valores dentro do arquivo JSON usando a notação de ponto ou notação de suporte de como seria acessar o # 173 propriedades de qualquer objeto de javascript.

Confira os resultados de executar esse código em um navegador da web e pressionar o botão para carregar os dados JSON.