|
|
|
| Hvordan til output JSON Data Med JavaScript |
|
JavaScript Object Notation ( JSON ) er en standard Internet format for udveksling af oplysninger mellem websites og på tværs af platforme. JavaScript har en indbygget metode kaldet " JSON.parse " der accepterer en JSON-streng og konverterer det til et objekt, der kan være output til browservinduet . Den nemmeste måde at gentage gennem og udlæse indholdet af et objekt er at bruge jQuery biblioteket og dets "$ . Hver " metode . Instruktioner 1 Opret en ny HTML-fil ved hjælp af Notesblok eller en HTML-editor . Tilføj en HTML skelet til filen :
< p> Baseball <br> 2 <p> Sæt jQuery biblioteket mellem <head> tags ved at angive dens placering , såsom tilfælde, at Google stiller til rådighed : Hej <p> < script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> </script> <br> 3 <p> Tilføj JavaScript mellem <head> tags. Opret en JSON streng: <br> <p> <script> <br> <p> var js = ' {" Baltimore ": " Orioles ", " Boston ": " Red Sox ", " New York ": " Yankees "," Atlanta ":" Braves "," Florida ":" Marlins "} « <br> 4 <p> Brug JSON.parse metode til at konvertere strengen til et objekt : Hej <p> var JSON = JSON.parse ( js ), <br> 5 <p> Brug jQuery "$ hver. " metode til at gentage gennem objektet og output oplysningerne til websiden : Hej <p> $ (dokument) . ready ( function () { <br> <p> $. hver ( JSON , funktion (by , team ) { <br> <p> document.write ( " <p> " + city + " "+ hold +" </p> "); <br> <p> } ), <br> <p> } ), <br> <p> < /script> <br> 6 < p> Gem filen . Åbne den i en browser til at vise indholdet af JSON streng, du har oprettet. <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>Forrige ： <a class='LinkPrevArticle' href='/Programmering/javascript-programming/90940.html' >Sådan Drej tekst ved Degree i JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> næste ： <a class='LinkNextArticle' href='/Programmering/javascript-programming/90942.html' >Sådan Roter et Div i 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"> Relaterede artikler </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="/Programmering/javascript-programming/91062.html" title="Sådan ændres HTML tekst med JavaScript Variables " target="_self">Sådan ændres HTML tekst med JavaScript Variables </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90894.html" title="Sådan Clear en drop-down i JQuery " target="_self">Sådan Clear en drop-down i JQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90791.html" title="Sådan Beregn en Baseball Ticket i JavaScript " target="_self">Sådan Beregn en Baseball Ticket i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91158.html" title="Sådan oprettes PDF Med Javascript " target="_self">Sådan oprettes PDF Med Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91141.html" title="Sådan forhindres copy & paste " target="_self">Sådan forhindres copy & paste </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91226.html" title="Sådan Control Rullebjælker Med Javascript " target="_self">Sådan Control Rullebjælker Med Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91110.html" title="Sådan bruges Post Method i Window.Open med Java Script " target="_self">Sådan bruges Post Method i Window.Open med Java Script…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91247.html" title="Tutorial på rullemenuer i JavaScript " target="_self">Tutorial på rullemenuer i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91280.html" title="Hvordan man laver en JavaScript Cycling Banner " target="_self">Hvordan man laver en JavaScript Cycling Banner </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91237.html" title="Sådan ændres Style klasse med JavaScript " target="_self">Sådan ændres Style klasse med 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">Anbefalede Artikler </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="/Programmering/visual-basics-programming/94954.html" title="Hvordan at begrænse input værdier på Breve Kun i VB.NET " target="_self">Hvordan at begrænse input værdier på Breve Kun i VB.…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/visual-basics-programming/96316.html" title="Sådan oprettes en Visual Basic-projekt ved hjælp af Projekt Navn " target="_self">Sådan oprettes en Visual Basic-projekt ved hjælp af P…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/python-programming/93523.html" title="Ikke-root Installation af Python -moduler " target="_self">Ikke-root Installation af Python -moduler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/php-mysql-programming/91959.html" title="Sådan Indsæt en vare Comboboks i PHP " target="_self">Sådan Indsæt en vare Comboboks i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/88145.html" title="Hukommelse Leak Ydelse " target="_self">Hukommelse Leak Ydelse </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/java-programming/90547.html" title="Sådan oprettes en Java-applet i NetBeans " target="_self">Sådan oprettes en Java-applet i NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/ruby-programming/94169.html" title="Sådan Parse XML i Ruby on Rails " target="_self">Sådan Parse XML i Ruby on Rails </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/java-programming/89809.html" title="Sådan vises en Character som et heltal i Java " target="_self">Sådan vises en Character som et heltal i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/php-mysql-programming/92136.html" title="Sådan Turn Off the MySQL Cache " target="_self">Sådan Turn Off the MySQL Cache </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/java-programming/90545.html" title="Sådan Find en Understreng i Java " target="_self">Sådan Find en Understreng i Java </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 © Computer Viden http://www.computerdk.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
