Você pode querer usar JSON com o seu código javascript para colocar objetos em movimento. Neste exemplo, você usar 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 browser. Por exemplo, gasbuddy.com

utiliza um mapa do Google juntamente com os dados sobre preços de gás, para apresentar um 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:”tuwtvtuvvvv”, de base: [], 351289344,822599680 zrange: [11,11], camada:”m @ 288429816” , características: [{ID:” 17243857463485476481” , um: [0,0] , bb: [- 8, -8,7,7, -47,7,48,22, -41,19,41,34], c:”{1: {title:” Área de Folsom Lake State Recreation”} , 4: {tipo: 1}}”}]}, {ID:” tuwtvtuvvvw”, zrange: [11,11], camada:” m @ 288429816” }, {ID:”tuwtvtuvvwv”, de base: [351506432, 824291328], zrange: [11,11], camada:”m @ 288429816” , características: [{id:” 8748558518353272790” , uma: [0,0], bb: [- 8, -8,7,7, -41,7,41,22], c:”{1: {título:” Deer Creek Hills”}, 4: {tipo: 1}}”}]}, {ID:”tuwtvtuvvww”, zrange: [11 , 11], camada:”m @ 288429816” }])

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ê.

Video: Dicas javascript - Ep03: Objetos e JSON

{ID:”tuwtvtuvvvv”, de base: [351289344,822599680], zrange: [11,11], camada:”m @ 288429816” , características: [{ID:” 17243857463485476481” , um: [0,0], bb : [- 8, -8,7,7, -47,7,48,22, -41,19,41,34], c:”{1: {title:” Área de Folsom Lake State Recreation”}, 4 :{tipo 1}}"}]}}

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.

{ “BOOK_TITLE”: “Codificação com javascript For Dummies”, “BOOK_AUTHOR”: “Chris Minnick e Eva Holland”, “Resumo”: “iniciantes Tudo precisa saber para começar a codificação com javascript!”, “ISBN”:”9781119056072” }

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.

Video: javascript: Arreglos de Objetos en JSON

Título do livro
autores
Resumo

A chave para exibir quaisquer dados JSON que é trazido em um documento javascript de um provedor externo é convertê-la a partir de uma string 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 como seria acessar as propriedades de qualquer objeto javascript.

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

Video: 19.- Curso javascript - JSON