|
|
|
| Comment JSON données avec JavaScript |
|
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> 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> . 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=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='/programmation/javascript-programming/90940.html' >Comment faire pivoter le texte selon le degré de JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/programmation/javascript-programming/90942.html' >Comment faire pivoter une division en 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"> articles connexes </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="/programmation/javascript-programming/90884.html" title="Comment piste avec Java Script & PHP " target="_self">Comment piste avec Java Script & PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90939.html" title="Comment installer le SDK JavaScript Facebook " target="_self">Comment installer le SDK JavaScript Facebook </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90859.html" title="Comment lire un objet dans jQuery " target="_self">Comment lire un objet dans jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90943.html" title="Les meilleurs Javascript Sliders Image " target="_self">Les meilleurs Javascript Sliders Image </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90785.html" title="JavaScript vs applets Java robuste " target="_self">JavaScript vs applets Java robuste </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90769.html" title="Codes PHP en JavaScript Syntaxe " target="_self">Codes PHP en JavaScript Syntaxe </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91131.html" title="Comment ajouter flotteur avec JavaScript " target="_self">Comment ajouter flotteur avec JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90888.html" title="Comment utiliser Prototype JS " target="_self">Comment utiliser Prototype JS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91058.html" title="Comment mettre à jour cookies Via JavaScript " target="_self">Comment mettre à jour cookies Via JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91123.html" title="Comment vérifier un type numérique en Javascript " target="_self">Comment vérifier un type numérique en 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">articles en vedette </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="/programmation/php-mysql-programming/92608.html" title="Comment insérer PHP dans le centre d'un fichier HTML " target="_self">Comment insérer PHP dans le centre d'un fichier HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/python-programming/93985.html" title="Comment trier les derniers noms par ordre alphabétique dans Python " target="_self">Comment trier les derniers noms par ordre alphabétique…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95396.html" title="Comment faire un bouton qui ouvre une autre forme dans Visual Basic " target="_self">Comment faire un bouton qui ouvre une autre forme dans …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95507.html" title="Comment créer cryptée VBS Script " target="_self">Comment créer cryptée VBS Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/86217.html" title="Comment faire pour effectuer fichier I /O en C + + " target="_self">Comment faire pour effectuer fichier I /O en C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/96089.html" title="Comment faire des jeux avec Visual Basic 2005 " target="_self">Comment faire des jeux avec Visual Basic 2005 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/86119.html" title="Comment Word Wrap Avec Visual C " target="_self">Comment Word Wrap Avec Visual C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/91818.html" title="Comment faire pour convertir au format XML PHP Class " target="_self">Comment faire pour convertir au format XML PHP Class </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95174.html" title="Comment formater une chaîne Désignation en VB " target="_self">Comment formater une chaîne Désignation en VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91163.html" title="Tutoriel JavaScript et référence " target="_self">Tutoriel JavaScript et référence </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 © Connaissances Informatiques http://fr.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
| | |
