01. JSON – Εισαγωγή

JSON Intro

JSON: JAva Script Object Νotation.

Το JSON είναι μια σύνταξη για την αποθήκευση και την ανταλλαγή δεδομένων.

Το JSON είναι κείμενο, γραμμένο με σημειογραφία αντικειμένων JavaScript.


Ανταλλαγή δεδομένων

Κατά την ανταλλαγή δεδομένων μεταξύ ενός προγράμματος περιήγησης και ενός διακομιστή, τα δεδομένα μπορούν να είναι μόνο κείμενα.

Το JSON είναι κείμενο και μπορούμε να μετατρέψουμε οποιοδήποτε αντικείμενο JavaScript σε JSON και να στείλουμε JSON στο διακομιστή.

Μπορούμε επίσης να μετατρέψουμε κάθε JSON που λαμβάνεται από το διακομιστή σε αντικείμενα JavaScript.

Με αυτόν τον τρόπο μπορούμε να δουλέψουμε με τα δεδομένα ως αντικείμενα JavaScript, χωρίς πολύπλοκες αναλύσεις και μεταφράσεις.


Αποστολή δεδομένων

Αν έχετε αποθηκευμένα δεδομένα σε ένα αντικείμενο JavaScript, μπορείτε να μετατρέψετε το αντικείμενο σε JSON και να το στείλετε σε ένα διακομιστή:

Παράδειγμα

1
2
3
var myObj = {name: "John", age: 31, city: "New York"};
var myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Δοκιμάστε τον εαυτό σας »

Θα μάθετε περισσότερα σχετικά με τη JSON.stringify() λειτουργία αργότερα σε αυτό το σεμινάριο.


Λήψη δεδομένων

Εάν λαμβάνετε δεδομένα σε μορφή JSON, μπορείτε να τα μετατρέψετε σε αντικείμενο JavaScript:

Παράδειγμα

1
2
3
var myJSON = '{"name":"John", "age":31, "city":"New York"}';
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Δοκιμάστε τον εαυτό σας »

Θα μάθετε περισσότερα σχετικά με τη JSON.parse()λειτουργία αργότερα σε αυτό το σεμινάριο.


Αποθήκευση δεδομένων

Κατά την αποθήκευση δεδομένων, τα δεδομένα πρέπει να είναι μια συγκεκριμένη μορφή και ανεξάρτητα από το πού επιλέγετε να τα αποθηκεύσετε, το κείμενο είναι πάντα μία από τις επιτρεπτές μορφές.

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

Παράδειγμα

Αποθήκευση δεδομένων σε τοπικό αποθηκευτικό χώρο

1
2
3
4
5
6
7
8
9
// Storing data:
myObj = {name: "John", age: 31, city: "New York"};
myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);

// Retrieving data:
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

Δοκιμάστε τον εαυτό σας »


Τι είναι το JSON;

  • JSON σημαίνει J Ava S cript O bject Ν otation
  • Το JSON είναι μια ελαφριά μορφή ανταλλαγής δεδομένων
  • Το JSON είναι “αυτο-περιγραφόμενο” και είναι εύκολο να γίνει κατανοητό
  • Το JSON είναι ανεξάρτητο από τη γλώσσα *

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

Η μορφή JSON καθορίστηκε αρχικά από τον Douglas Crockford .


Γιατί να χρησιμοποιήσετε το JSON;

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

Η JavaScript έχει ενσωματωμένη συνάρτηση για τη μετατροπή μιας συμβολοσειράς γραμμένης σε μορφή JSON σε εγγενή αντικείμενα JavaScript:

JSON.parse()

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


Days
Hours
Minutes

01. JSON – Εισαγωγή

Κοινοποίηση

Share on facebook
Share on twitter

Ακολουθήστε μας

Αρέσει σε %d bloggers: