InformationenJavaScript-Programmierung
More
Programming
HOME
* Computer Wissen >> Programming >> JavaScript-Programmierung >> .
Wie JSON -Daten mit JavaScript -Ausgang
JavaScript Object Notation (JSON ) ist ein Standard-Internet- Format für den Austausch von Informationen zwischen Websites und plattformübergreifend . JavaScript hat eine integrierte Methode namens " JSON.parse " , die eine JSON-Zeichenfolge akzeptiert und wandelt sie in ein Objekt , das an den Browser-Fenster sein kann . Der einfachste Weg zu durchlaufen und auszugeben den Inhalt eines Objekts ist die jQuery-Bibliothek und ihre Verwendung " $ . Jeder "-Methode. Anleitung
1
Erstellen Sie eine neue HTML -Datei mit Notepad oder einem HTML-Editor . Fügen Sie ein HTML -Gerüst der Datei : TCM-
< p>
Baseball Seite 2 <p> Legen Sie die jQuery-Bibliothek zwischen den <head><meta name="viewport" content="width=device-width, initial-scale=1.0">-Tags durch die Angabe seiner Lage, wie die Instanz, die Google zur Verfügung stellt : <br> <p> < script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> </script> <br> 3 <p> Fügen JavaScript zwischen den <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> Tags. Erstellen Sie einen JSON-String : <br> <p> <script> <br> <p> var js = ' {" Baltimore ": " Orioles ", " Boston ": " Red Sox ", " New York ": " Yankees "," Atlanta ":" Braves "," Florida ":" Marlins "} '; <br> 4 <p> Verwenden Sie die JSON.parse Methode, um den String in ein Objekt konvertieren : <br> <p> var json = JSON.parse ( js ); <br> 5 <p> Verwenden Sie die jQuery " $ je . " Methode, um durch das Objekt und Ausgang durchlaufen die Informationen an die Web Seite: <br> <p> $ (document). ready ( function () { $ <br> <p> . each ( json , function ( Stadt , team ) { <br> <p> document.write (" <p> Das " + + Stadt " " + team +" </p> "); <br> <p> }); <br> <p> }); <br> <p> < /script> <br> 6 < p> Speichern Sie die Datei . Öffnen Sie sie in einem Browser, um den Inhalt der JSON-String Sie erstellt anzuzeigen. <br> <br>
<div class=dead2><script language='javascript' src='/ad/de2.js'></script></div>
</div>
<div class=clear></div>
<div class="rightTxt">
<ul>
<li><a href='/Programming/Computer-Programming-Languages/Wie-Rollback-Segmente-verwalten-.html'>Wie Rollback-Segmente verwalten </a></li>
<li><a href='/Programming/Visual-Basics-Programmierung/Wie-man-eine-Tastatur-mit-Visual-Basic-sperren-.html'>Wie man eine Tastatur mit Visual Basic sperren </a></li>
<li><a href='/Programming/Visual-Basics-Programmierung/Visual-Basic--Datentypen-.html'>Visual Basic -Datentypen </a></li>
<li><a href='/Programming/Java-Programmierung/Wie-man-ein-Panel-in-einem-JSplitPane-ausblenden-.html'>Wie man ein Panel in einem JSplitPane ausblenden </a></li>
<li><a href='/Programming/Perl--Programmierung/Eine-Zeichenfolge---in-der-Programmiersprache-Perl---können-beliebige-alphanumerische-oder-Sonderzeichen-enthalten-.html'>Eine Zeichenfolge , in der Programmiersprache Perl , können…</a></li>
<li><a href='/Programming/C--C-----Programmierung/Wie-man-einen-String-in-ein-Array-in-C-----Stellen-.html'>Wie man einen String in ein Array in C + + Stellen </a></li>
<li><a href='/Programming/Java-Programmierung/Einführung-in-die-Programmierung-mit-Java-.html'>Einführung in die Programmierung mit Java </a></li>
</ul>
</div>
<div class=clear></div>
<div class="rightTxt r2">
<ul>
<li><a href='/Hardware/Computer-Drucker/Wie-die-Document-Feeder-Rollers-auf-einem-HP-Officejet-7310xi-Repair-.html'>Wie die Document Feeder Rollers auf einem HP Officejet 7310x…</a></li>
<li><a href='/Hardware/Laptops/Wie-Blinkleuchten-in-einem-HP-Fix-.html'>Wie Blinkleuchten in einem HP Fix </a></li>
<li><a href='/Fehlerbehebung/PC-Fehlerbehebung/Wie-man-mehr-D-Drive-Space-Get-.html'>Wie man mehr D Drive Space Get </a></li>
<li><a href='/Systeme/Windows-/Wie-Recover-System-32-.html'>Wie Recover System 32 </a></li>
<li><a href='/Networking/Andere-Computer-Networking/Wie-man-einen-Drucker-über-einen-Hub-teilen-.html'>Wie man einen Drucker über einen Hub teilen </a></li>
</ul>
</div>
<div class=clear></div>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<div class=Comments>
<script language='javascript' src='/pl/'></script>
</div>
<div class=clear></div>
<br class="spacer" />
<form name="pl" action="/pl.asp" method="post">
<div class="contacttext" id="sub">Ihr Name: </div>
<div class="contactformfield" id="subtextbox">
<label>
<input type="text" name="name1" class="select" />
<span class="style1">*</span> </label>
</div>
<div class="contacttext" id="name">Kommentare: </div>
<div class="contactformmsgfild"><span class="contactformmessage">
<textarea name="textarea" class="Massaget" cols="30" rows="8"></textarea>
</span></div>
<div class="contactsubmit" id="submitbutton">
<label>
<input name="Submit" type="submit" class="submitbutton" value="Submit" />
</label>
</div>
</form>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<br class="spacer" />
</div>
<!--right end -->
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<p class="design" >Copyright © <a href="http://computer.51itpx.com">Computer Wissen</a> Alle Rechte vorbehalten</p>
</div>
<!--footer end -->
</body>
</html>