|
|
|
| Hvordan du kan overføre JSON data med JavaScript |
|
JavaScript Object Notation ( JSON ) er en standard format for utveksling av informasjon mellom nettsteder og på tvers av plattformer . JavaScript har en innebygd metode som kalles " JSON.parse " som godtar en JSON streng og konverterer den til et objekt som kan skrives ut til nettleservinduet. Den enkleste måten å reagere gjennom og sende ut innholdet i et objekt er å bruke jQuery biblioteket og dets " $. Hver " metoden. Instruksjoner en Lag en ny HTML -filen med Notepad eller en HTML- editor. Legg en HTML- skjelett i filen: < ! DOCTYPE HTML >
< p> Baseball <br> 2 <p> Sett jQuery biblioteket mellom <head><meta name=viewport content="width=device-width, initial-scale=1.0"> kodene ved å angi sted, for eksempel forekomsten som Google gjør tilgjengelig : en <p> < script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> < /script > <br> 3 <p> Legg JavaScript mellom <head><meta name=viewport content="width=device-width, initial-scale=1.0"> koder. Lag en JSON streng : en <p> <script> <br> <p> Var js = { " Baltimore ": " Orioles ", " Boston ": " Red Sox ", " New York ": " Yankees "," Atlanta ":" Braves "," Florida ":" Marlins "} '; <br> 4 <p> Bruk JSON.parse metode for å konvertere strengen til et objekt : en <p> Var json = JSON.parse ( js ) ; <br> 5 <p> Bruk jQuery " $ hver . " metode for å iterere gjennom objektet og lagre informasjonen til nettsiden : en <p> $ (dokument) . klar ( function () { <br> <p> $. hver ( json , funksjon (by, lag) { <br> <p> document.write ( " <p> " + by + " "+ lag +" < /p> "); <br> <p> }); <br> <p> }); <br> <p> < /script > <br> 6 < p> Lagre filen . Åpne den i en nettleser for å vise innholdet i JSON streng du opprettet . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90940.html' >Hvordan Roter Tekst av Degree i JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90942.html' >Hvordan Roter et Div. i JavaScript </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<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.datamaskin.biz/Programmering/javascript-programming/91226.html" title="Hvordan kontrollere Scrollbars Med Javascript " target="_self">Hvordan kontrollere Scrollbars Med Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90748.html" title="Hvordan gjøre Akkumulert Scroll Offset i jQuery " target="_self">Hvordan gjøre Akkumulert Scroll Offset i jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90892.html" title="Slik fjerner et underdomene i JavaScript " target="_self">Slik fjerner et underdomene i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91131.html" title="Hvordan legge til Float Med JavaScript " target="_self">Hvordan legge til Float Med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91169.html" title="Slik konverterer Tall til ord i Javascript " target="_self">Slik konverterer Tall til ord i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90891.html" title="Hvordan lage din egen funksjon i jQuery " target="_self">Hvordan lage din egen funksjon i jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90857.html" title="The Back funksjon i HTML Coding " target="_self">The Back funksjon i HTML Coding </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91106.html" title="API Utvikling av Google Maps " target="_self">API Utvikling av Google Maps </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91121.html" title="Hvordan legge til varer i en Combo Box Med JavaScript " target="_self">Hvordan legge til varer i en Combo Box Med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91012.html" title="Hvordan overstyre en IFrame i JavaScript " target="_self">Hvordan overstyre en IFrame i JavaScript </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<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.datamaskin.biz/Programmering/java-programming/89555.html" title="Hvordan lage et skjema i Java " target="_self">Hvordan lage et skjema i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92104.html" title="Hvordan håndtere Komme ett element av resultater i en MySQL Query i PHP " target="_self">Hvordan håndtere Komme ett element av resultater i en …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92111.html" title="Slik konverterer et år inn to sifre i PHP " target="_self">Slik konverterer et år inn to sifre i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/86146.html" title="Hvordan Inkluder en Header Fil " target="_self">Hvordan Inkluder en Header Fil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95109.html" title="Hvordan bruke en VBA ComboBox " target="_self">Hvordan bruke en VBA ComboBox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94989.html" title="Hvordan lage et skjermtastatur i Visual Basic " target="_self">Hvordan lage et skjermtastatur i Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95754.html" title="Hvordan Query flere databaser i Access " target="_self">Hvordan Query flere databaser i Access </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/python-programming/94082.html" title="Hvordan lage HTML i Python " target="_self">Hvordan lage HTML i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/91948.html" title="Hvordan Tegn et hjerte med PHP GD " target="_self">Hvordan Tegn et hjerte med PHP GD </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94898.html" title="Slik konverterer UTF - 8 til Windows - 1252 " target="_self">Slik konverterer UTF - 8 til Windows - 1252 </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<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=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
