Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come output JSON dati con JavaScript

JavaScript Object Notation ( JSON ) è un formato standard di Internet per lo scambio di informazioni tra siti web e attraverso le piattaforme. JavaScript ha un metodo built- in chiamato " JSON.parse " che accetta una stringa JSON e lo converte in un oggetto che può essere emesso alla finestra del browser . Il modo più semplice per scorrere e trasmettere il contenuto di un oggetto è quello di utilizzare la libreria jQuery e la sua "$ . Ogni" metodo. Istruzioni
1

Creare un nuovo file HTML utilizzando il blocco note o un editor HTML . Aggiungere uno scheletro HTML al file : < ! DOCTYPE HTML >





Baseball <br> 2 <p> Inserire la libreria jQuery tra i tag <head><meta name=viewport content="width=device-width, initial-scale=1.0"> specificando la sua posizione, come ad esempio l'istanza che Google mette a disposizione : <br> <p> < lo script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> < /script> <br> 3 <p> Aggiungi JavaScript tra i tag <head><meta name=viewport content="width=device-width, initial-scale=1.0"> . Creare una stringa JSON : <br> <p> <script> <br> <p> var js = ' { " Baltimore" : " Orioles " , "Boston" : " Red Sox " , "New York" : Yankees " " , " Atlanta " : " Indiani " , " Florida " : " Marlins "} '; <br> 4 <p> Utilizzare il metodo JSON.parse per convertire la stringa in un oggetto : <br> <p> var json = JSON.parse ( js ) ; <br> 5 <p> Utilizzare il jQuery "$ ciascuno . " metodo per scorrere l'oggetto e l'uscita delle informazioni alla pagina Web : <br> <p> $ (document). ready ( function () { $ <br> <p> . ciascuno ( JSON , funzione (città , squadra) { <br> <p> document.write ( " <p> " + città + " "+ squadra + " < /p > " ) ; <br> <p> }); <br> <p> }); <br> <p> < /script > <br> 6 <p > Salvare il file . Aprire in un browser per visualizzare il contenuto della stringa JSON si è creato. <br> <br> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181880.html' >Come ruotare il testo di Laurea in JavaScript </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181884.html' >Come ruotare un Div in JavaScript </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='http://www.354353.com/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/PHP--MySQL-Programmazione/1185322.html" target="_blank">Come aggiungere a include_path </a></li><li><a href="/Programmazione/Java-Programming/1179560.html" target="_blank">Come convertire un flusso di input buffer in String </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175880.html" target="_blank">Come ottenere l'ID di posizione della cella della rete GSM utilizzando un Pocket PC </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177788.html" target="_blank">Come creare una Rubrica Utilizzo dei codici HTML </a></li><li><a href="/Programmazione/Java-Programming/1179038.html" target="_blank">Come chiudere un JFrame in Java con un Button </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1184488.html" target="_blank">Come inserire un Time Stamp in PHP MySQL </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192560.html" target="_blank">Come modificare il cursore in un cursore personalizzato per i form di Visual Basic </a></li><li><a href="/Programmazione/Java-Programming/1181224.html" target="_blank">Come fare un gioco con Java Software </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Programmazione-Javascript/1182404.html" target="_blank">Come impostare il formato di un'immagine in HTML </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182286.html" target="_blank">Come fare inchiostro riciclata </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181870.html" target="_blank">Come modificare un PHP ad un JS </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181780.html" target="_blank">Come dividere più separatori in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182098.html" target="_blank">Come cambiare modulo Valore campo con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182158.html" target="_blank">Come creare OOP Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182524.html" target="_blank">Come modificare un puntatore del mouse utilizzando Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181834.html" target="_blank">Come Alias ​​di una funzione con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181672.html" target="_blank">Tutorial Step-by -Step per UML Eclipse </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182328.html" target="_blank">Come scrivere Utilizzando Javascript </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>