|
|
|
| Come output JSON dati con JavaScript |
|
JavaScript Object Notation ( JSON ) è un formato standard di Internet per lo scambio di informazioni tra siti web e attraverso le piattaforme. JavaScript ha un metodo built- in chiamato " JSON.parse " che accetta una stringa JSON e lo converte in un oggetto che può essere emesso alla finestra del browser . Il modo più semplice per scorrere e trasmettere il contenuto di un oggetto è quello di utilizzare la libreria jQuery e la sua "$ . Ogni" metodo. Istruzioni 1 Creare un nuovo file HTML utilizzando il blocco note o un editor HTML . Aggiungere uno scheletro HTML al file : < ! DOCTYPE HTML >
< p > Baseball <br> 2 <p> Inserire la libreria jQuery tra i tag <head> specificando la sua posizione, come ad esempio l'istanza che Google mette a disposizione : <br> <p> < lo script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> < /script> <br> 3 <p> Aggiungi JavaScript tra i tag <head> . Creare una stringa JSON : <br> <p> <script> <br> <p> var js = ' { " Baltimore" : " Orioles " , "Boston" : " Red Sox " , "New York" : Yankees " " , " Atlanta " : " Indiani " , " Florida " : " Marlins "} '; <br> 4 <p> Utilizzare il metodo JSON.parse per convertire la stringa in un oggetto : <br> <p> var json = JSON.parse ( js ) ; <br> 5 <p> Utilizzare il jQuery "$ ciascuno . " metodo per scorrere l'oggetto e l'uscita delle informazioni alla pagina Web : <br> <p> $ (document). ready ( function () { $ <br> <p> . ciascuno ( JSON , funzione (città , squadra) { <br> <p> document.write ( " <p> " + città + " "+ squadra + " < /p > " ) ; <br> <p> }); <br> <p> }); <br> <p> < /script > <br> 6 < p > Salvare il file . Aprire in un browser per visualizzare il contenuto della stringa JSON si è creato. <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='/Programmazione/javascript-programming/90940.html' >Come ruotare il testo di Laurea in JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/90942.html' >Come ruotare un Div in 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"> Articoli Correlati </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="/Programmazione/javascript-programming/91101.html" title="Perché il mio script Rallentamento del computer di Down ? " target="_self">Perché il mio script Rallentamento del computer di Dow…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91143.html" title="Come fare inchiostro riciclata " target="_self">Come fare inchiostro riciclata </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90789.html" title="Che cosa è Bloat Script " target="_self">Che cosa è Bloat Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90965.html" title="Come ottenere i valori in un elenco a discesa in Javascript sul post " target="_self">Come ottenere i valori in un elenco a discesa in Javasc…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91098.html" title="Come creare una Galleria Fotografica con Avanti e Indietro Links & Grande immagine pop-up " target="_self">Come creare una Galleria Fotografica con Avanti e Indie…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90993.html" title="Come rimuovere un spazio da una variabile in javascript " target="_self">Come rimuovere un spazio da una variabile in javascript…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91154.html" title="Come disegnare un grafico a torta utilizzando Javascript " target="_self">Come disegnare un grafico a torta utilizzando Javascrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91221.html" title="Come creare un modulo Email gratis " target="_self">Come creare un modulo Email gratis </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90950.html" title="Come modificare un indice discesa in Javascript " target="_self">Come modificare un indice discesa in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90836.html" title="Tutorial Step-by -Step per UML Eclipse " target="_self">Tutorial Step-by -Step per UML Eclipse </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">Articoli in evidenza </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="/Programmazione/php-mysql-programming/92698.html" title="Come accedere a più database in una query PL /SQL " target="_self">Come accedere a più database in una query PL /SQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89693.html" title="Come cambiare Struts Locale in Java " target="_self">Come cambiare Struts Locale in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89247.html" title="Come creare Enum gerarchie con Java " target="_self">Come creare Enum gerarchie con Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88696.html" title="Come creare una Timeline HTML " target="_self">Come creare una Timeline HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86757.html" title="Come convertire un JDW ad un Eclipse " target="_self">Come convertire un JDW ad un Eclipse </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86317.html" title="È ordinato Malware Script " target="_self">È ordinato Malware Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85474.html" title="Come usare getline in C a Salta Cin.Ignore " target="_self">Come usare getline in C a Salta Cin.Ignore </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86372.html" title="Che cosa sono i protocolli di sintassi " target="_self">Che cosa sono i protocolli di sintassi </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/94644.html" title="Come copiare TreeView in VB6 " target="_self">Come copiare TreeView in VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/perl-programming/93258.html" title="Tutorial per XML per il Perl " target="_self">Tutorial per XML per il Perl </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 © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
