# 18: Ajax και JSON - CSS-Κόλπα

Anonim

Υπάρχει μια καλή πιθανότητα ότι στον «πραγματικό κόσμο», το # 1 πράγμα για το οποίο χρησιμοποιείτε το Ajax είναι η αποστολή και λήψη δεδομένων JSON. Και για καλό λόγο. Το JSON δεν προϋποθέτει καμία οπτική δομή όπως η HTML. Είναι απλά ανεπεξέργαστα δεδομένα και μπορείτε να το κάνετε αυτό που θέλετε, το οποίο συχνά τα τοποθετείτε σε πρότυπα Αυτό εκφορτώνει μέρος της εργασίας από τους διακομιστές στους πελάτες (προγράμματα περιήγησης). Μπορείτε να μάθετε περισσότερα σχετικά με την templat JavaScript σε άλλο screencast.

Το jQuery έχει μια ειδική λειτουργία Ajax μόνο για να πάρει το JSON, με την κατάλληλη ονομασία & .getJSON (). Φαίνεται εξαιρετικά παρόμοιο με το GET:

$.getJSON( "http://codepen.io/chriscoyier/pen/EAIJj.js", function(data) ( // Success! Do stuff with data. console.log(data); ) );

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

Μέχρι στιγμής έχουμε μιλήσει για $ .get, $ .post και $ .getJSON - αλλά αξίζει να σημειωθεί ότι όλες αυτές είναι απλώς μέθοδοι ευκολίας που τελικά καλούν $ .ajax. Εάν προτιμάτε να είστε πολύ συγκεκριμένοι για όλες τις επιλογές Ajax, μπορείτε να το χρησιμοποιήσετε απευθείας.