JavaScript Object Notation (JSON ) é um formato padrão da Internet para a troca de informações entre os sites e em várias plataformas. JavaScript tem um método interno chamado " JSON.parse " que aceita uma string JSON e converte-lo para um objeto que pode ser a saída para a janela do navegador . A maneira mais fácil para percorrer e saída do conteúdo de um objeto é usar a biblioteca jQuery e sua "$ . Cada " método. Instruções
1
Crie um novo arquivo HTML utilizando o bloco de notas ou um editor HTML. Adicionar um esqueleto HTML para o arquivo :
< HTML DOCTYPE >
Baseball Página 2 <p> Insira a biblioteca jQuery entre as marcas <head> especificando sua localização , como o exemplo que o Google disponibiliza : <br> <p> < script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> < /script> <br> 3 <p> Adicione JavaScript entre as marcas <head> . Criar uma string JSON : <br> <p> <script> <br> <p> var js = ' {" Baltimore ": " Orioles ", " Boston ": " Red Sox ", " New York ": " Yankees "," Atlanta Braves ":" "," Florida ":" Marlins "} '; <br> 4 <p> usar o método JSON.parse para converter a string em um objeto : <br> <p> var json = JSON.parse ( js ); <br> 5 <p> Use o jQuery "$ cada um. " método para percorrer o objeto e enviar as informações para a página da Web : <br> <p> $ (document). ready (function () { $ <br> <p> . cada ( json , function ( cidade, equipe ) { <br> <p> document.write (" <p> O " + cidade + " "+ equipe +" </p> "); <br> <p> }); <br> <p> }); <br> <p> </script> <br> 6 <p> Salve o arquivo . Abra-o em um navegador para exibir o conteúdo da cadeia de JSON que você criou. <br> <br>
<div class=ptad2><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script><!-- pt computador 4 --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="5429850767" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script></div>
</div>
</div>
<div class=ptnrx></div>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Anterior : <a class='LinkPrevArticle' href='/P/javascript-programming/90940.html' >Como girar Texto de Licenciatura em JavaScript </a> </p></td>
</tr>
<tr>
<td width="49%"> Próximo : No</li></td>
</tr>
</table></td>
</tr>
</table>
<div class=bai7></div>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Os artigos relacionados </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90892.html" title="Como remover um subdomínio em JavaScript " target="_self">Como remover um subdomínio em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90932.html" title="Como Ler iFrame conteúdo em JavaScript " target="_self">Como Ler iFrame conteúdo em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90851.html" title="Como atualizar variáveis de sessão " target="_self">Como atualizar variáveis de sessão </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90819.html" title="Como usar Lightbox com âncoras suaves " target="_self">Como usar Lightbox com âncoras suaves </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90802.html" title="Como usar o Google Maps API para auto completar Localização Campos " target="_self">Como usar o Google Maps API para auto completar Localiz…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90940.html" title="Como girar Texto de Licenciatura em JavaScript " target="_self">Como girar Texto de Licenciatura em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90874.html" title="Como instalar GAPro no JW Player " target="_self">Como instalar GAPro no JW Player </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90845.html" title="Como criar um gráfico de pizza em JSP usando JFreeChart " target="_self">Como criar um gráfico de pizza em JSP usando JFreeChar…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90864.html" title="JavaScript Chamando uma função de uma função " target="_self">JavaScript Chamando uma função de uma função </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90763.html" title="Como usar vários plugins com JW Player " target="_self">Como usar vários plugins com JW Player </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Artigos em destaque </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/87876.html" title="O que é um cliente de Proxy " target="_self">O que é um cliente de Proxy </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/java-programming/89340.html" title="Como Código Opções dupla, usando JavaServer Pages " target="_self">Como Código Opções dupla, usando JavaServer Pages </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/java-programming/90553.html" title="Como fazer seus próprios sinais em Java " target="_self">Como fazer seus próprios sinais em Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/java-programming/90658.html" title="Como corrigir Java Downloading Problemas " target="_self">Como corrigir Java Downloading Problemas </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90749.html" title="Feito , mas com erros no IE JS Objeto esperado " target="_self">Feito , mas com erros no IE JS Objeto esperado </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/java-programming/89608.html" title="Como alterar a 0 para 1 em um código Java para Frações " target="_self">Como alterar a 0 para 1 em um código Java para Fraçõ…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/cc-programming/85930.html" title="Como fazer jogos de vídeo com C + + " target="_self">Como fazer jogos de vídeo com C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/88192.html" title="Silverlight jogo Tutorial " target="_self">Silverlight jogo Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/86794.html" title="Como implantar o Eclipse e Flex no GlassFish " target="_self">Como implantar o Eclipse e Flex no GlassFish </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/cc-programming/86119.html" title="Como Word Wrap Com o Visual C " target="_self">Como Word Wrap Com o Visual C </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=bai7></div>
<div class="ptbottom bs">
Cop e direita © Conhecimento computador https://ptcomputador.com Todos os Direitos Reservados
</div>
</div>
</body>
</html> 