JavaScript Object Notation ( JSON ) is een standaard Internet -formaat voor het uitwisselen van informatie tussen websites en verschillende platforms . JavaScript heeft een ingebouwde methode genaamd " JSON.parse " die een JSON- tekenreeks accepteert en zet deze om naar een object dat output naar het browservenster kan zijn . De gemakkelijkste manier om door middel van herhalen en uitvoeren van de inhoud van een object is om de jQuery library en zijn gebruikt " $ . Elke" -methode . Instructies
1 Maak een nieuwe HTML-bestand in Kladblok of een HTML-editor . Voeg een HTML- skelet aan het bestand : < ! DOCTYPE HTML >
Baseball <br> Pagina 2 <p> Plaats de jQuery library tussen de <head> labels door het specificeren van de locatie, zoals de instantie die Google beschikbaar stelt : <br> <p> < script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js " > < /script > <br> 3 <p> Voeg JavaScript tussen de <head> tags. Maak een JSON string: <p> <script> <br> <p> var js = ' { " Baltimore " <br> : " Orioles " , " Boston " : " Red Sox " , " New York " : " Yankees " , " Atlanta " : " Braves " , " Florida " : " Marlins " } ' ; <br> 4 <p> Gebruik de JSON.parse methode om de string te zetten in een object : <br> <p> var json = JSON.parse ( js ) ; <br> 5 <p> Gebruik de methode om doorlopen van het object en de output van de informatie op de webpagina jQuery " elk $ . " : <br> <p> $ ( document ) . ready ( function ( ) { <br> <p> $ . elk ( jSON , functie ( stad , team ) { document.write <p> <br> ( " <p> De " + stad + " " + team + " < /p > " ) ; <br> <p> } ) ; <br> <p> } ) ; <br> <p> < /script > <br> 6 <p > Sla het bestand op . Te openen in een browser om de inhoud van de JSON snaar die u gemaakt weergeven. <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/90940.html' >Hoe je tekst roteren van Degree in JavaScript </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90942.html' >Hoe maak je een Div draaien in JavaScript </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91076.html" title="Hoe maak je een externe webpagina met JavaScript Krijg " target="_self">Hoe maak je een externe webpag…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91169.html" title="Hoe te Getallen converteren naar woorden in Javascript " target="_self">Hoe te Getallen converteren na…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90863.html" title="Hoe maak je een Lightbox gebruiken in JavaScript " target="_self">Hoe maak je een Lightbox gebru…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90843.html" title="Hoe maak je een gebruiker Script in GreaseMonkey " target="_self">Hoe maak je een gebruiker Scri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90985.html" title="Hoe je links in JavaScript " target="_self">Hoe je links in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91257.html" title="Hoe een adresbalk met JavaScript Verwijder " target="_self">Hoe een adresbalk met JavaScri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90817.html" title="Hoe de Marker wijzigen in een Google Maps API " target="_self">Hoe de Marker wijzigen in een …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91037.html" title="Printen met JavaScript " target="_self">Printen met JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90845.html" title="Hoe maak je een cirkeldiagram in JSP gebruiken JFreeChart Creëren " target="_self">Hoe maak je een cirkeldiagram …</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88198.html" title="Hoe het ontwerpen van een winkelwagen " target="_self">Hoe het ontwerpen van een winkelwagen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93518.html" title="Hoe te Loop Batch Processing in Python " target="_self">Hoe te Loop Batch Processing in Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89599.html" title="Hoe maak je een CJK Karakter Detect in Java " target="_self">Hoe maak je een CJK Karakter Detect in J…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89109.html" title="Hoe maak je een standaard radio button in Android " target="_self">Hoe maak je een standaard radio button i…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94856.html" title="Hoe te verbinden video in VB.NET " target="_self">Hoe te verbinden video in VB.NET </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88585.html" title="Hoe maak je een gratis computerprogramma " target="_self">Hoe maak je een gratis computerprogramma…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92626.html" title="Hoe kan ik een kolom in MySQL bijwerken " target="_self">Hoe kan ik een kolom in MySQL bijwerken </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/93064.html" title="MySQL sluit zich Relationship Tutorial " target="_self">MySQL sluit zich Relationship Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85374.html" title="Hoe een matrix transponeren in Berekenen C + + " target="_self">Hoe een matrix transponeren in Berekenen…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
