|
|
|
Hur till utgång JSON data med JavaScript |
|
JavaScript Object Notation ( JSON ) är ett standardformat på Internet för utbyte av information mellan webbplatser och på olika plattformar . JavaScript har en inbyggd metod som kallas " JSON.parse " som accepterar en JSON sträng och konverterar den till ett objekt som kan skickas ut till webbläsarfönstret . Det enklaste sättet att iterera igenom och mata ut innehållet i ett objekt är att använda jQuery biblioteket och dess " $. Varje" metod. Instruktioner 1 Skapa en ny HTML- fil med Anteckningar eller en HTML-editor . Lägg till ett HTML- skelett i filen : < ! DOCTYPE HTML >
< p> baseball Sida 2 <p> in jQuery biblioteket mellan taggarna <head><meta name=viewport content="width=device-width, initial-scale=1.0"> genom att ange dess läge , som den instans som Google tillhandahåller : <br> <p> < script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js " > < /script > Addera 3 <p> Lägg JavaScript mellan taggarna <head><meta name=viewport content="width=device-width, initial-scale=1.0"> . Skapa en JSON-sträng : <br> <p> <script> <br> <p> var js = ' { " Baltimore " : " Orioles " , " Boston " : " Red Sox " , " New York " : " Yankees " , " Atlanta " : " Braves " , " Florida " : " Marlins " } " , <br> 4 <p> Använd JSON.parse metod för att konvertera strängen till ett objekt : <br> <p> var json = JSON.parse ( js ) , <br> 5 <p> Använd jQuery " $ vardera . " metod för att iterera genom objektet och utgående information till webbsidan : <br> <p> $ ( dokument ) . färdig ( function ( ) { <br> <p> $ . vardera ( JSON , funktion ( stad , lag ) { <br> <p> document.write ( " <p> " + city + " " + lag + " < /p > " ) ; <br> <p> } ) ; <br> <p> } ) ; <br> <p> < /script > <br> 6 <p> Spara filen . Öppna den i en webbläsare för att visa innehållet i JSON strängen du skapat . Addera <br>
<div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div>
<div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div>
</div>
</td>
</tr>
</table>
<table class=dhang1 bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<div class=dhang7></div>
<table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90940.html' >Hur Rotera Text efter examen i JavaScript </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90942.html' >Hur Rotera ett Div i JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang7></div>
<table class=s770x246 >
<tr>
<td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table class=c1 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programmering/javascript-programming/91104.html" title="Hur man använder NetBeans för att felsöka MATLAB " target="_self">Hur man använder NetBeans för att felsöka MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90765.html" title="Vad använder jag i stället för JavaScript " target="_self">Vad använder jag i stället för JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91058.html" title="Hur du uppdaterar Cookies Via JavaScript " target="_self">Hur du uppdaterar Cookies Via JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90759.html" title="Vad är Nedläggningar Bra för i JavaScript " target="_self">Vad är Nedläggningar Bra för i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90920.html" title="Hur Drop Decimaler Använda JavaScript " target="_self">Hur Drop Decimaler Använda JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91138.html" title="Hur använder jag iBox " target="_self">Hur använder jag iBox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91243.html" title="Hur man visar text på Rollover " target="_self">Hur man visar text på Rollover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90790.html" title="Vad är en AXD Arkiv " target="_self">Vad är en AXD Arkiv </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91259.html" title="Hur till Ändra onSubmit " target="_self">Hur till Ändra onSubmit </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90923.html" title="Hur man beräknar Texthöjd " target="_self">Hur man beräknar Texthöjd </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 class=c3 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Utvalda artiklarna </td>
</tr>
</table>
<table class=c4 >
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/86221.html" title="Hur man lär STL Containers " target="_self">Hur man lär STL Containers </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85757.html" title="Hur automatiskt att öka en build-numret i Visual C " target="_self">Hur automatiskt att öka en build-numret i Visual C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95998.html" title="Hur man öppnar ett Word-dokument i Visual Basic " target="_self">Hur man öppnar ett Word-dokument i Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94373.html" title="Hur du gör din WPF Display Browser Application i en iFrame " target="_self">Hur du gör din WPF Display Browser Application i en iF…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89105.html" title="Hur man öppnar en port på Android " target="_self">Hur man öppnar en port på Android </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86696.html" title="Hur får SoapClient att Skicka ett Godkänn Header " target="_self">Hur får SoapClient att Skicka ett Godkänn Header </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87095.html" title="Hur man sätter ett heltal till en sträng " target="_self">Hur man sätter ett heltal till en sträng </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85928.html" title="C + + Träning " target="_self">C + + Träning </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91878.html" title="Hur man öka en PHP Memory Limit Med Network Solutions " target="_self">Hur man öka en PHP Memory Limit Med Network Solutions </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88894.html" title="Hur man skapar en rubrik med HTML- koder " target="_self">Hur man skapar en rubrik med HTML- koder </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang8></div>
<div class=dhang1></div>
<table class=b1>
<tr>
<td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz
</td>
</tr>
</table>
<div class=dhang1></div>
</div>
</body>
</html> | | |
