JavaScript Object Notation ( JSON ) είναι μια τυπική μορφή του Διαδικτύου για την ανταλλαγή πληροφοριών μεταξύ των δικτυακών τόπων και σε όλες τις πλατφόρμες . JavaScript έχει μια ενσωματωμένη μέθοδο που ονομάζεται " JSON.parse " που δέχεται μια συμβολοσειρά JSON και το μετατρέπει σε ένα αντικείμενο που μπορεί να είναι έξοδος στο παράθυρο του προγράμματος περιήγησης . Ο ευκολότερος τρόπος για να μετακινηθείτε μέσα και την παραγωγή του περιεχομένου ενός αντικειμένου είναι η χρήση της βιβλιοθήκης jQuery και του "$ . Κάθε" μεθόδου . Οδηγίες
Η
1 Δημιουργήστε ένα νέο αρχείο HTML χρησιμοποιώντας το Σημειωματάριο ή ένα πρόγραμμα επεξεργασίας HTML . Προσθέστε ένα σκελετό HTML στο αρχείο :
< ! DOCTYPE HTML >
< p>
Μπέιζμπολ Φτηνές 2 <p> Τοποθετήστε τη βιβλιοθήκη jQuery μεταξύ των ετικετών <head> καθορίζοντας τη θέση του , όπως το παράδειγμα ότι η Google κάνει διαθέσιμα: <br> <p> < script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js " > < /script > εικόνων <br> 3 <p> Προσθέστε JavaScript ανάμεσα στις ετικέτες <head> . Δημιουργήστε ένα string JSON : <br> <p> <script> <br> <p> var js = " { " Baltimore " : " Orioles " , " Boston " : " Red Sox " , " New York " : " Yankees " , " Ατλάντα " : " Braves " , " Florida " : " Marlins " } " ? <br> Η 4 <p> Χρησιμοποιήστε τη μέθοδο JSON.parse να μετατρέψει το string σε ένα αντικείμενο : <br> <p> var = json JSON.parse ( js ) ? <br> 5 <p> Χρησιμοποιήστε το jQuery " $ η κάθε μία. " μέθοδο για να μετακινηθείτε μέσα από το αντικείμενο και εξόδου τις πληροφορίες στην ιστοσελίδα : <br> <p> $ ( έγγραφο ) . έτοιμο ( λειτουργία () { <br> <p> $ . το καθένα ( json , λειτουργία ( πόλη , ομάδα ) { <br> <p> document.write ( " <p> Το " + + πόλη " " + + ομάδα " < /p> ")? <br> <p> } ) ? <br> <p> } ) ? <br> <p> < /script > <br> Η 6 < p> Αποθηκεύστε το αρχείο . Ανοίξτε σε ένα πρόγραμμα περιήγησης για να εμφανίσετε τα περιεχόμενα του string JSON που δημιουργήσατε . <br> Η <br> εικόνων
<div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="grad3"></div>
</div>
<div class="fanyedads">
<ul>
<li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/90940.html' >Πώς να Περιστροφή Κείμενο που προτείνει Πτυχίο JavaScript </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/90942.html' >Πώς να Περιστροφή Div σε JavaScript </a>
</ul>
</div>
</div>
<div class="woqinimaderwr24">
<div class="dibud23">
<div class="biaotidas51">
<div class="biaotidas511"><h3>Συναφής σύστασή</h3></div>
<div class="butudasda"></div>
</div>
</div>
<div class="dibud24">
<div class="dibud241">
<ul class="dsa31das">
<li><a href="http://www.221021.com/Programming/javascript-programming/90912.html" target="_blank">Πώς να ελέγξετε αν DIV Got Focus σε Javascript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91053.html" target="_blank">Πώς να κάνει Blink κειμένου με JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91186.html" target="_blank">Πώς να ενεργοποιήσετε το πλήκτρο Enter Φροντιστήριο στην Javascript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/262488.html" target="_blank">Πώς ευρετηριάζει το Google τις δυναμικές σελίδες JavaScript; </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91009.html" target="_blank">Τρόπος εμφάνισης των Ώρες & Λεπτά σε δύο πεδία, με Javascript </a></li>
</ul>
</div>
<div class="dibud242">
<div class="biaotidasoidasf3h4">
<h4>Τελευταία άρθρα</h4>
<div class="nibushihenzaiyi"></div>
</div>
<ul class="thydghaodennrend">
<li><a href="http://www.221021.com/Programming/javascript-programming/91149.html" target="_blank">Javascript Tutorial για PDF </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91182.html" target="_blank">Πώς να δημιουργήσετε χρώματα βαφής </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91254.html" target="_blank">Πώς να συμπεριλάβετε ένα αρχείο JS σε JSP </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91185.html" target="_blank">Προσθέτοντας Javascript Δυναμικά Με το DOM Scripting </a></li>
</ul>
</div>
</div>
</div>
<div class="dibudaohnagdsaw">
<div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div>
</div>
</div>
</body>
</html>