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="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/90940.html' >Cómo girar texto de Licenciado en JavaScript </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/90942.html' >Cómo girar una Div JavaScript </a> </div>
</div>
<dl class=xgc>
<dt><span>JavaScript Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91194.html">Cómo comprobar los enteros en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91078.html">Cómo Obtener el código fuente de un elemento de imagen con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90926.html">Cómo quitar las barras de desplazamiento mediante JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90843.html">Cómo hacer un script de Greasemonkey de usuario </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91281.html">Cómo hacer una imagen de JavaScript Rollover </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90891.html">Cómo hacer que su propia función en jQuery </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/268686.html">Cómo deshabilitar JavaScript en Chrome </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91040.html">Cómo crear texto HTML Desde Javascript Variable </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90978.html" >Cómo insertar PHP en JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91208.html" >Cómo crear Java Script </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90796.html" >Cómo Graficar Con jQuery </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91106.html" >El desarrollo de Google Maps API </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90823.html" >Cómo agregar números múltiples utilizando JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91115.html" >Cómo hacer esquinas curvas Javascript para IE </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90881.html" >Diferencia entre el Pop & Splice en Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91020.html" >Cómo ocultar una barra de desplazamiento con javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91089.html" >Cómo activar el JavaScript para una UTStarcom CDM- 7126 </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91144.html" >Reglas para el juego de cartas Canasta </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91097.html" >Cómo comprobar permisos de Windows compartido de red en Java </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91060.html" >Cómo quitar una etiqueta P con jQuery </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimiento de la computadora © http://www.ordenador.online</div>
</div>
</body>
</html> 