Κυριακή 27 Μαΐου 2012

Μαθήματα AJAX, η νέα Σειρά Μαθημάτων του wlearn.gr

Ολοκλήρωσα την πέμπτη Σειρά Μαθημάτων του wlearn.gr. Στην νέα Σειρά Μαθημάτων μπορείτε να μάθετε να χρησιμοποιείτε την τεχνική AJAX στις σελίδες σας.

Λίγα λόγια για την AJAX
Γενικά μια ιστοσελίδα είναι ένα σύνολο html οδηγιών που στέλνει ο server στον browser του επισκέπτη όταν αυτός αιτείται να "δει" το περιεχόμενο της ιστοσελίδας αυτής. Η αποστολή των html οδηγιών γίνεται μια φορά και αφού αυτή ολοκληρωθεί η επικοινωνία server-browser κλείνει. Έτσι κάθε φορά που ο κάτοχος-δημιουργός-διαχειριστής της ιστοσελίδας κάνει αλλαγές στο περιεχόμενο της, οι αλλαγές αυτές δεν είναι άμεσα ορατές από τον επισκέπτη εκτός και αν αυτός ανανεώσει την ιστοσελίδα πατώντας το F5, οπότε και ξανα ανοίγει η επικοινωνία του browser με τον server παραλαμβάνοντας εκ νέου το ανανεωμένο περιεχόμενο.

Η χρήση της τεχνικής AJAX επιτρέπει σε μια ιστοσελίδα να ανανεώνεται ασύγχρονα (asynchronously) ανταλλάσοντας στο παρασκήνιο μικρού όγκου δεδομένα με τον server επιτρέποντας να ανανεώνονται μέρη της ιστοσελίδας (ένα div για παράδειγμα), χωρίς να ανανεώνεται ολόκληρη η σελίδα!

Η τεχνική AJAX χρησιμοποιείται πολύ συχνά σε σελίδες που περιέχουν φόρμες εγγραφής σε κάποια ιστοσελίδα ή forum. Είναι γνωστό ότι στις φόρμες αυτές πρέπει να επιλέξουμε ένα επιθυμητό username. Αν συμπληρώσατε ποτέ μια τέτοια φόρμα και είδατε να εμφανίζεται ένα μήνυμα προειδοποίησης ότι το username που πληκτρολογήσατε υπάρχει ήδη, χωρίς να ξαναφορτωθεί η σελίδα, τότε αυτή η σελίδα χρησιμοποιεί την τεχνική AJAX.

Επίσης το Facebook χρησιμοποιεί ευρέως την τεχνική αυτή σε διάφορα τμήματα της σελίδας, όπως για να εμφανίζει τα νέα posts των φίλων σας που σκρολάρουν συνεχώς στην λίστα επάνω δεξιά ή για να εμφανίσει τα σχόλια κάτω από τα posts σας.


Τις επόμενες ημέρες θα προσθέσω κι' άλλα παραδείγματα υλοποίησης της τεχνικής AJAX ώστε να γίνει ακόμη πιο κατανοητή.

Για να μπορέσετε να διαβάσετε τα μαθήματα AJAX θα πρέπει να γνωρίζετε HTML, XML, Javascript, καθώς και scripting γλώσσες όπως php και asp.

Αρχίστε τώρα τα μαθήματα AJAX