|
|
|
| Acerca de la salida de datos JSON con JavaScript |
|
JavaScript Object Notation ( JSON ) es un formato estándar de Internet para el intercambio de información entre los sitios web y en todas las plataformas . JavaScript tiene un método incorporado en la llamada " JSON.parse " que acepta una cadena JSON y la convierte en un objeto que puede ser la salida a la ventana del navegador . La forma más fácil de recorrer y salida el contenido de un objeto es el uso de la biblioteca jQuery y su "$ . Cada" método. Instrucciones 1 Crear un nuevo archivo HTML utilizando el Bloc de notas o un editor HTML. Añadir un esqueleto HTML al archivo:
< p> Baseball Página 2 <p> Inserte la biblioteca jQuery entre las <head> especificando su ubicación, como la instancia que Google pone a disposición : <br> <p> < script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> < /script> <br> 3 <p> Añadir JavaScript entre las etiquetas <head> . Crear una cadena JSON : <br> <p> <script> <br> <p> var js = '{ "Baltimore ": " Orioles " , "Boston ": "Red Sox" , " Nueva York ": " Yankees " , " Atlanta ":" Braves " , " Florida " : " Marlins "} ' ; <br> 4 <p> Utilice el método JSON.parse para convertir la cadena en un objeto : <br> <p> var json = JSON.parse ( js ) ; <br> 5 <p> Utilice el jQuery "$ cada uno. " método para recorrer el objeto y la salida de la información de la página web: <br> <p> $ (document). ready ( function () { $ <br> <p> . cada uno ( json , la función (ciudad, equipo) { <br> <p> document.write ( " <p> " + ciudad + " "+ equipo +" < /p > ") ; <br> <p> } ) ; <br> <p> } ) ; <br> <p> < /script> <br> 6 < p > Guarde el archivo . Abrir en un navegador para ver los contenidos de la cadena JSON que creaste . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/javascript-programming/90940.html' >Cómo girar texto de Licenciado en JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/90942.html' >Cómo girar una Div JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<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"> Artículos 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="/Programacion/javascript-programming/90896.html" title="Cómo modificar una carpa con JavaScript " target="_self">Cómo modificar una carpa con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91197.html" title="Javascript Timer Tutorial " target="_self">Javascript Timer Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90836.html" title="Tutorial Paso a Paso para UML Eclipse " target="_self">Tutorial Paso a Paso para UML Eclipse </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90944.html" title="Cómo utilizar JavaScript para mostrar Prime Factors " target="_self">Cómo utilizar JavaScript para mostrar Prime Factors </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90979.html" title="Cómo determinar si un sitio utiliza JavaScript redirecciones " target="_self">Cómo determinar si un sitio utiliza JavaScript redirec…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91224.html" title="Cómo configurar Apache para Javascript " target="_self">Cómo configurar Apache para Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90786.html" title="Cómo utilizar Java Script en Microsoft Office " target="_self">Cómo utilizar Java Script en Microsoft Office </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90882.html" title="Cómo girar una cotización en JavaScript " target="_self">Cómo girar una cotización en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91151.html" title="Cómo utilizar Javascript con Excel " target="_self">Cómo utilizar Javascript con Excel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91055.html" title="Cómo cambiar de mesa colores de fondo con Javascript " target="_self">Cómo cambiar de mesa colores de fondo con Javascript </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">Artículos destacados </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="/Programacion/visual-basics-programming/94784.html" title="Cómo utilizar el temporizador en VB6 " target="_self">Cómo utilizar el temporizador en VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/ruby-programming/94186.html" title="Cómo comprobar si un constante está definida en Ruby " target="_self">Cómo comprobar si un constante está definida en Ruby </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88247.html" title="Video Studio Tutorial " target="_self">Video Studio Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92175.html" title="Cómo reemplazar un DIV en PHP " target="_self">Cómo reemplazar un DIV en PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90673.html" title="Cómo calcular exponentes en Java " target="_self">Cómo calcular exponentes en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96500.html" title="Cómo eliminar un archivo en Visual Basic " target="_self">Cómo eliminar un archivo en Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87852.html" title="Lo que está codificando Habilidades " target="_self">Lo que está codificando Habilidades </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92660.html" title="Cómo construir herramientas para PHP 5 para Windows " target="_self">Cómo construir herramientas para PHP 5 para Windows </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85735.html" title="Cómo crear un sistema de cifrado en C " target="_self">Cómo crear un sistema de cifrado en C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93814.html" title="Python Funciones Introspección " target="_self">Python Funciones Introspección </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
| | |
