JavaScript Object Notation ( JSON ) est un format standard d'Internet pour l'échange d' informations entre les sites et toutes les plateformes. JavaScript possède un procédé intégré appelé " JSON.parse " qui accepte une chaîne JSON et le convertit en un objet qui peut être sortie dans la fenêtre de navigateur. La meilleure façon de parcourir et afficher le contenu d'un objet est d'utiliser la bibliothèque jQuery et son "$ . Chaque« méthode . Instructions
1

Créer un nouveau fichier HTML en utilisant le Bloc-notes ou un éditeur HTML. Ajouter un squelette HTML dans le fichier: Photos

< p>

Baseball Page 2 <p> Insérez la bibliothèque jQuery entre les balises <head><meta name=viewport content="width=device-width, initial-scale=1.0"> en spécifiant son emplacement, comme l' exemple que Google met à disposition : <br> <p> < script de src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> </script> <br> 3 <p> Ajouter JavaScript entre les balises <head><meta name=viewport content="width=device-width, initial-scale=1.0"> . Créer une chaîne JSON : <br> <p> <script> <br> <p> var js = ' {" Baltimore ": " Orioles ", " Boston ": " Red Sox " , "New York ": " Yankees "," Atlanta ":" Braves "," Florida ":" Marlins " } ' ; <br> 4 <p> Utilisez la méthode JSON.parse pour convertir la chaîne en un objet : <br> <p> var json = JSON.parse ( js ) ; <br> 5 <p> Utilisez le jQuery " $ chacun. " méthode pour parcourir l'objet et de la production de l'information de la page Web : <br> <p> $ (document). ready ( function () { <br> <p> $ . chacun ( JSON , function ( ville, équipe ) { <br> <p> document.write (" <p> Le " + ville + " "+ équipe +" </p > "); <br> <p> }); <br> <p> }); <br> <p> </script> <br> 6 <p> Enregistrez le fichier . Ouvrir dans un navigateur pour afficher le contenu de la chaîne JSON que vous avez créé . <br> <br> <div class=fr4><script language='javascript' src='http://www.ordinateur.cc/ad/fr/4.js'></script></div> <div class=fr5><script language='javascript' src='http://www.ordinateur.cc/ad/fr/5.js'></script></div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" > </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="39" align="left" >Article précédent：<span class="nr"> <a class='LinkPrevArticle' href='/programmation/Programmation-JavaScript/90940.html' >Comment faire pivoter le texte selon le degré de JavaScript </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/programmation/Programmation-JavaScript/90942.html' >Comment faire pivoter une division en JavaScript </a></li></span></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="96%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF"> <tr> <td width="2%" align="left" ></td> <td width="98%" align="left" >Articles recommandés</td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" > <li><a href="/programmation/Programmation-JavaScript/90800.html">Comment faire de multiples marqueurs avec l'API Google Maps </a></li><li><a href="/programmation/Programmation-JavaScript/90926.html">Comment faire pour supprimer les barres de défilement en utilisant JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/91077.html">Comment faire JavaScripts </a></li><li><a href="/programmation/Programmation-JavaScript/90829.html">Comment afficher des extraits Javascript Aléatoire </a></li><li><a href="/programmation/Programmation-JavaScript/90937.html">Comment faire pivoter le texte avec JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/90933.html">Comment faire pour modifier une lettre dans Acajoom </a></li><li><a href="/programmation/Programmation-JavaScript/91271.html">Comment écrire Java Script </a></li><li><a href="/programmation/Programmation-JavaScript/90930.html">Comment vérifier listes pour Joomla </a></li><li><a href="/programmation/Programmation-JavaScript/90796.html">Comment graphe avec jQuery </a></li><li><a href="/programmation/Programmation-JavaScript/91012.html">Comment remplacer un IFrame dans JavaScript </a></li> </td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table></td> </tr> </table> <table width="980" height="12" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="980" height="90" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3597E2"> <tr> <td align="center" class="foot">Connaissances Informatiques © http://www.ordinateur.cc <br /> </td> </tr> </table>   </body> </html>