JSON JavaScript

Το JSON είναι μορφή αποθήκευσης και μεταφοράς δεδομένων.

Το JSON χρησιμοποιείται συχνά όταν τα δεδομένα αποστέλλονται από τον διακομιστή στον ιστότοπο.

Τι είναι το JSON;

  • JSON ορίζει JavaScript Object Notation
  • notation
  • Το JSON είναι ελαφρύ μορφή ανταλλαγής δεδομένων Το JSON είναι ανεξάρτητο από γλώσσα
  • *

* Το JSON είναι "αυτο περιγραφόμενο" και εύκολο να κατανοηθεί

Παράδειγμα JSON

Η γραμματική του JSON είναι η γραμματική του σύμβολου αντικειμένων JavaScript, αλλά η μορφή JSON είναι καθαρό κείμενο. Το κώδικας ανάγνωσης και δημιουργίας δεδομένων JSON μπορεί να γραφτεί σε οποιαδήποτε γλώσσα προγραμματισμού.

Παράδειγμα JSON

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

Η γραμματική μορφή JSON αξιολογείται ως αντικείμενο JavaScript

Η γραμματική μορφή JSON είναι η ίδια με τη γραμματική μορφή δημιουργίας αντικειμένων JavaScript.

Επειδή αυτή η ομοιότητα, τα προγράμματα JavaScript μπορούν εύκολα να μετατρέψουν δεδομένα JSON σε τοπικά αντικείμενα JavaScript.

Γραμματική規gles JSON

  • Τα δεδομένα είναι όνομα/τιμή
  • Τα δεδομένα διαχωρίζονται με κόκκινα τελεία
  • Τα κόκκινα τελεία διατηρούν το αντικείμενο
  • Τα κόκκινα τελεία διατηρούν τη λίστα

Δεδομένα JSON - Όνομα και Τιμή

Η γραφή των δεδομένων JSON είναι όνομα/τιμή, παρόμοια με τις ιδιότητες του αντικειμένου JavaScript.

Το όνομα/τιμή αποτελείται από το όνομα πεδίου (μέσα σε δυο κόκκινα τελεία), ακολουθούμενο από δύο σημεία και μετά την τιμή:

"firstName":"Bill"

Τα ονόματα JSON χρειάζονται δυο κόκκινα τελεία. Τα ονόματα JavaScript δεν χρειάζονται.

JSON Οντότητες

Το αντικείμενο JSON γράφεται μέσα σε κόκκινα τελεία.

Παρόμοια με το JavaScript, το αντικείμενο μπορεί να περιέχει πολλαπλά ονόματα/τιμές:

{"firstName":"Bill", "lastName":"Gates"}

JSON Σειρές

Η λίστα JSON γράφεται σε κόκκινα τελεία.

Παρόμοια με το JavaScript, η λίστα μπορεί να περιέχει αντικείμενα:

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

Στο παραπάνω παράδειγμα, το αντικείμενο "employees" είναι μια λίστα. Περιέχει τρία αντικείμενα.

Κάθε αντικείμενο αντιπροσωπεύει ένα αρχείο καταγραφής μιας προσωπικότητας (με όνομα και επώνυμο).

Μετατροπή του JSON κειμένου σε αντικείμενο JavaScript

Η συνήθης χρήση του JSON είναι η ανάγνωση δεδομένων από web server και η εμφάνισή τους στην ιστοσελίδα.

Για απλότητα, μπορείτε να χρησιμοποιήσετε αλφαβητικές αλυσίδες ως παράδειγμα εισόδου.

Πρώτα απ' όλα, δημιουργήστε μια αλφαβητική αλυσίδα JavaScript που περιέχει JSON γραμματική:

var text = '{ "employees" : [
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

Στη συνέχεια, χρησιμοποιήστε τη βελτιωμένη συνάρτηση JSON.parse() του JavaScript για να μετατρέψετε τη συμβολοσειρά σε αντικείμενο JavaScript:

var obj = JSON.parse(text);

Τελικά, χρησιμοποιήστε το νέο αντικείμενο JavaScript που δημιουργήσατε στη σελίδα σας:

Παράδειγμα

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

Δοκιμάστε το προσωπικά

Μπορείτε να δοκιμάσετε τα παρακάτω: JSON οδηγός Διαβάστε περισσότερα για το JSON εδώ.