Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como saída JSON dados com JavaScript
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 language='javascript' src='/ad/201310/4.js'></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='http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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 http://ptcomputador.com Todos os Direitos Reservados <script language='javascript' src='/ad/201310/1.js'></script> </div> </div> </body> </html>