Άγιαξ - Τι είναι αυτό; Asynchronous JavaScript και XML: πλεονεκτήματα και μειονεκτήματα

Τώρα μπορείτε να παρακολουθήσετε στο διαδίκτυο κερδίζει τη δημοτικότητα της χρήσης και εφαρμογής των νέων τεχνολογιών. Ένας από αυτούς - είναι AJAX. Τι είναι αυτό; Τι δυνατότητες έχει; Πού να υποβάλει αίτηση; Όλα αυτά τα ερωτήματα θα πρέπει να βρει την απάντηση σε αυτό το άρθρο.

γενικές πληροφορίες

Πώς στέκεται AJAX; Τι σημαίνει αυτό; Αυτή η μείωση είναι ένα αρκτικόλεξο. Αυτό σημαίνει Asynchronous Javascript και XML ( "Asynchronous Javascript και IKSML"). Συχνά μπορείτε να δείτε ή να ακούσετε τις πληροφορίες που αυτή τη νέα τεχνολογία. Αλλά αυτό δεν είναι αλήθεια. Το γεγονός ότι η Javascript και XML, υπάρχουν ήδη αρκετά μεγάλο χρονικό διάστημα, ενώ ο «Αίας» είναι μια σύνθεση αυτών των τεχνολογιών. Πιο συχνά χρησιμοποιείται σε συνδυασμό με τον όρο Web 2.0 και είναι κατανοητή ως η χρήση των προηγμένων τεχνικών σχεδιασμού.

Και τι χαρακτηριστικό;

Έτσι, έχουμε ήδη μια γενική ιδέα για το τι είναι AJAX. Αυτό που μας δίνει στην πράξη; Γιατί είναι ενεργά μιλήσει για την εφαρμογή της; Η ιδιαιτερότητα αυτής της τεχνολογίας - είναι ότι όταν χρησιμοποιείτε το δεν χρειάζεται να ανανεώσετε ολόκληρη τη σελίδα στην πρώτη ζήτηση. Μετά από όλα, μπορείτε να ζητήσετε νέα δεδομένα μόνο για το μέρος της. Αυτό είναι βολικό (επειδή το λιγότερο χρόνο που πρέπει να περιμένουν), και το κόστος (για όσους δεν έχουν απεριόριστο internet). Ωστόσο, για την ενημέρωση του χρήστη σχετικά με το τι συμβαίνει αναβάθμιση είναι επιθυμητή η χρήση τουλάχιστον ενός δείκτη φορτίου ή μηνυμάτων κειμένου που ενημερώνουν για τα νέα δεδομένα από το διακομιστή. Καθώς η τεχνολογία πλην αναφέρεται συχνά στο γεγονός ότι δεν υποστηρίζει την κληρονομιά και το κείμενο browsers. Και η δυνατότητα να απενεργοποιήσει την τεχνολογία Javascript είναι στο χρήστη από ό, τι πολλά και απολαύσαμε. Ως εκ τούτου, δεν πρέπει να κάνουν κατάχρηση AJAX. Αυτό μπορεί να δώσει, αν όχι να παρέχει εναλλακτικές μέθοδοι για την παροχή πληροφοριών; Στην καλύτερη περίπτωση, οι πληροφορίες που απλά δεν θα εμφανίζεται στην ιστοσελίδα. Στη χειρότερη - εμφάνιση του επηρεάζεται έτσι ώστε ο χρήστης δεν χρειάζεται πλέον να επιστρέψει.

Πλεονεκτήματα του «Άγιαξ»

Η τεχνολογία αυτή προσφέρει δύο μέθοδοι με τις οποίες μπορεί να πραγματοποιηθεί σε μια ιστοσελίδα. Η πρώτη περιλαμβάνει την πραγματοποίηση αλλαγών χωρίς επανεκκίνηση. Αυτό μπορεί να επιτευχθεί με τη δυναμική αιτήματα στον εξυπηρετητή. Η δεύτερη περιλαμβάνει τη χρήση συγκεκριμένων τεχνολογιών, το πιο δημοφιλές από τα οποία είναι το XMLHttpRequest. Σχετικά δικά της πλεονεκτήματα, «Αίας» μπορούμε να πούμε τα εξής:

1. Μπορείτε να δημιουργήσετε ένα βολικό web-based εφαρμογή, η οποία interface θα έχει μια ολόκληρη σειρά από ωραία χαρακτηριστικά για το χρήστη, με αποτέλεσμα να διευκολύνουν την ανθρώπινη αλληλεπίδραση και την ιστοσελίδα.
2. Αντί για μια ολόκληρη σελίδα reload μερική. Αυτό εξοικονομεί πόρους και βελτιστοποιεί την απόδοση της μηχανής.
3. Το τμήμα διακομιστή της ιστοσελίδας είναι ενεργά αλληλεπιδρά με το χρήστη.
4. Χρήσιμο για την εφαρμογή μιας σειράς ιδεών.

Η επικοινωνία

Εδώ, για παράδειγμα, χρειάζεται μια φόρμα επικοινωνίας, το οποίο μπορεί να χρησιμοποιηθεί για να ενημερώσει τους πελάτες. Πώς μπορεί να γίνει; Πρώτα πρέπει να αναλάβει τη φροντίδα του «μεταφορέα» των πληροφοριών. Για να το κάνετε αυτό, θα πρέπει να δημιουργήσετε ένα αντικείμενο XMLHttpRequest. Ενεργεί ως ενδιάμεσος μεταξύ του διακομιστή και το πρόγραμμα περιήγησης του χρήστη. Με αυτό το αντικείμενο θα στείλουν τις αιτήσεις και να λαμβάνουν απαντήσεις σε αυτά. Για την άμεση ανταλλαγή δεδομένων, χρειαζόμαστε AJAX PHP. Τα εργαλεία αυτά μπορεί να υλοποιηθεί με τη χρήση get-ή μετα-ερωτήματα. Σε αυτή την περίπτωση, τα αναγκαία επιχειρήματα θα περάσει απευθείας μέσω του URL. Την ίδια στιγμή που θα τρέξει τη λειτουργία, καθώς και για τη διασφάλιση ότι η μεταφορά δεδομένων δεν διακόπτεται. Αλλά πώς να εφαρμόσουν AJAX-αίτημα; Προτείνουν τη χρήση POST. Χάρη σε αυτόν, μπορείτε να μεταφέρετε ένα απεριόριστο ποσό των δεδομένων, η οποία, άλλωστε, είναι πολύ πιο δύσκολη η πρόσβαση.

αρχή της λειτουργίας

Πώς είναι η Asynchronous Javascript και XML στην πράξη; Ας το καταλάβουμε αυτό με ένα παράδειγμα. Χτισμένο σε σχέση με τη δομή που χρειάζεστε για να βεβαιωθείτε ότι το μέρος του πελάτη παρέχει όλες τις απαραίτητες λειτουργίες για την ασφαλή ανταλλαγή δεδομένων. Θα πρέπει να παρέχει τις απαραίτητες μεθόδους για τη μετάδοση πληροφοριών επιλεγμένων τρόπους. Το τμήμα διακομιστής θα πρέπει να εξασφαλίζουν ότι η επεξεργασία των δεδομένων, και, με βάση αυτά που ήδη, να δημιουργήσει νέες πληροφορίες για την συνέχεια το δώσετε στον πελάτη. Ο πιο κοινός τύπος της αλληλεπίδρασης είναι να συνεργαστεί με τη βάση δεδομένων. Έχουμε αναφερθεί στο παρελθόν είναι ένα στοιχείο πολλών επιχειρήσεων τόπων ως μια μορφή σχολίων. Το πλεονέκτημα του «Αίαντα» σε αυτή την περίπτωση είναι ότι κατέχει ασύγχρονη μεταφορά δεδομένων. Με άλλα λόγια, ενώ οι πληροφορίες αποστέλλονται, ο χρήστης μπορεί να εκτελέσει όλες τις απαραίτητες ενέργειες για να τον. Εστιάζοντας στις ιδιαιτερότητες κάθε περίπτωση, θα πρέπει να αποφασίσετε αν θέλετε η διαδικασία αυτή να ενημερώνει τον επισκέπτη του site. Σε σχέση με την ίδια φόρμα επικοινωνίας θα πρέπει να πούμε ότι σε αυτή την περίπτωση μπορούμε να γράψουμε «φορέας καλεί την απάντηση», ή κάτι παρόμοιο.

απόκριση του διακομιστή

Αυτός μπορεί να έρθει όχι μόνο για την XML, όπως μπορείτε να σκεφτείτε, λόγω του ονόματος της τεχνολογίας. Επιπλέον, μπορεί να μεταδοθεί ως απλό κείμενο ή JSON. Στην πρώτη περίπτωση, οι πληροφορίες μπορούν να εμφανιστούν αμέσως στη σελίδα. Εάν χρησιμοποιείτε XML, θα πρέπει να ασχοληθούν με το AJAX-αρχείο έχει σωστή επεξεργασία στο browser του client. Όλα τα δεδομένα σε αυτήν την περίπτωση μετατρέπεται σε (X) HTML. Όταν χρησιμοποιείτε τη μορφή JSON, θα πρέπει να εκτελέσετε τον κώδικα για να πάρετε το πλήρες αντικείμενο Javascript. Είναι απαραίτητο να είμαστε προσεκτικοί και να λαμβάνουν υπόψη το γεγονός ότι πολλοί hackers αρέσει να μεταδίδουν κακόβουλο κώδικα με τη βοήθεια της τεχνολογίας αυτής. Επομένως, είναι αναγκαίο να προβλεφθεί η διαδικασία επαλήθευσης των δεδομένων πριν από την επεξεργασία. Χαρακτηριστικά της υλοποίησης για διαφορετικά προγράμματα περιήγησης μπορεί να είναι ελαφρώς διαφορετικές, αλλά σε γενικές γραμμές, η δράση εδώ είναι ένα σχέδιο.

Έχουμε κάνει μια αίτηση στο διακομιστή και επεξεργασίας απαντήσεων

Ολόκληρη η ακολουθία των ενεργειών έχει ως εξής:

1. Αρχικά, θα πρέπει να δημιουργήσετε και να βεβαιωθείτε ότι δεν υπάρχει XMLHttpRequest.
2. Στη συνέχεια, προετοιμάζει σύνδεση με το διακομιστή.
3. Στείλτε το αίτημα αυτό.
4. Σας περιμένουμε για τα δεδομένα να έρθουν και να τα επεξεργάζονται.

Θα πρέπει να σας πω για μερικά από τα χαρακτηριστικά για τη δημιουργία του αντικειμένου. Μπορεί να ξεκινήσει σε οποιαδήποτε θέση όπου είναι δυνατή μόνο στο πλαίσιο της γλώσσας προγραμματισμού. Αλλά αν του δόθηκε το καθεστώς μιας παγκόσμιας, σε οποιαδήποτε χρονική στιγμή για να είναι δυνατόν να λειτουργούν με ένα μόνο αίτημα. Σε αυτό το σημείο, θα πρέπει να δώσει ιδιαίτερη προσοχή. Όσον αφορά τη θεραπεία - εδώ έχουμε επικεντρωθεί στο επιλεγμένο μέσο. Έτσι, αν τα δεδομένα XML που θα υποβάλλονται σε επεξεργασία DOM-λειτουργίες και να παρουσιάσει στον χρήστη έχει το τελικό αποτέλεσμα σε μορφή HTML. Και τι να κάνει με JSON-rated; Πρέπει να γίνει κατανοητό ότι είναι το αντικείμενο συμβολισμός Javascript. Τι σημαίνει αυτό; Λόγω JSON ένα αντικείμενο μπορεί να αναπαρασταθεί ως μια συμβολοσειρά. Αλλά πρέπει να θυμόμαστε ότι αυτή η μέθοδος δεν είναι ασφαλές για την πλήρη, και πολλοί παράγοντες πρέπει να ληφθούν υπόψη. Αλλά, σε γενικές γραμμές, είναι πολύ εύκολο.

γλώσσες προγραμματισμού server-side

Σχεδόν κάθε web-based εφαρμογή τους χρησιμοποιεί με τον ένα ή τον άλλο τρόπο. Για τη διαβίβαση των στοιχείων είναι η πιο δημοφιλής PHP. Σε αυτό συνήθως γράφουν τα αρχεία για τις περιοχές, όπου δεν είναι κρίσιμη ρυθμό μετάδοσης δεδομένων, και η προτιμώμενη ισορροπία μεταξύ της και της αξιοπιστίας. τεχνικές μετάδοσης XMLHttpRequest συζητούνται παραπάνω.

Ρύθμιση του διακομιστή

Τι προγράμματα χρειάζονται για να λειτουργήσουν πλήρως AJAX; Τι σημαίνει αυτό μας δίνει; Τι είναι για; Για να πάρετε απαντήσεις σε αυτά τα ερωτήματα, θα πρέπει να εξοικειωθείτε με την ακόλουθη λίστα:

1. HTML / XHTML. Είναι απαραίτητη για το διακομιστή να αναγνωρίσει τη διάταξη της σελίδας.
2. CSS. Το εργαλείο αυτό είναι απαραίτητο για την οπτική επιλογή του σχεδιασμού της σελίδας.
3. DOM. Είναι απαραίτητη προκειμένου να διασφαλιστεί τις δυναμικές αλλαγές σε μια σελίδα ως απάντηση στη δράση από το χρήστη.
4. XML. Απαιτείται για τη μεταφορά δεδομένων μεταξύ του πελάτη και του διακομιστή.
5. JavaScript. Πρέπει να δημιουργήσουμε ένα δρομέα «Αίας» και παρέχουν διαδραστικότητα.
6. XMLHttpRequest. Αντικείμενο μέσα από το οποίο τα ερωτήματα θα διαβιβαστεί στο διακομιστή.

Χρησιμοποιώντας την ιστοσελίδα

Έτσι τώρα έχουμε τόσο τις θεωρητικές γνώσεις και ιδέες για το πώς το AJAX. Αποστολή δεδομένων είναι τώρα απαιτεί μόνο μια συγκεκριμένη πρακτική. Ας δούμε σε γενικές γραμμές, πώς να προσεγγίσει την υλοποίηση του έργου με τη χρήση του «Αίαντα». Έτσι, πρέπει να δημιουργήσουμε μια βάση δεδομένων του οδηγού. Και θα διαφέρουν συσκευές που μπορούν να λειτουργούν. Θα πρέπει να σημειωθεί ότι η παραπάνω βάση δεδομένων είναι πολύ μεγάλη, γι 'αυτό ακριβώς το στείλει στον πελάτη και έχει να προσφέρει να κάνει μια επιλογή χρησιμοποιώντας JavaScript δεν έχει νόημα. Είναι επίσης επιθυμητό να αγοράσω μια ιστοσελίδα φορτώνεται εκ νέου λόγω ενός και μόνο παράμετρο. Στο διακομιστή αιτήσεις θα χειριστεί ειδικά scripts PHP. Η βάση δεδομένων υλοποιείται ως ένα XML αρχείο.

Σχετικά με τη βάση δεδομένων

Είναι απαραίτητο να επεξεργαστεί τη δομή του. Και τι θα γίνει αν τα περάσει παραμέτρους, που είναι τα αντικείμενα; Σε μια τέτοια περίπτωση, είναι αναγκαίο να προβλεφθεί η δημιουργία μιας μεταβλητής, όπου δεν θα υπάρχει link να την εκδήλωση κλήση από τη λειτουργία. Για να είναι σε θέση να έχει πρόσβαση από οπουδήποτε, είναι απαραίτητο να γίνει ένα παγκόσμιο κώδικα. Για λόγους ευκολίας, είναι επιθυμητό να χρησιμοποιήσετε ένα σύστημα διαχείρισης βάσεων δεδομένων. Φυσικά, αυτό δεν είναι απαραίτητο. Αλλά εξακολουθούν να επιτρέπουν τη χρήση της βάσης δεδομένων για να εργάζεστε πιο άνετα και αποτελεσματικά με τα δεδομένα.

Εργαζόμαστε για τη λειτουργία του κινητήρα

Πώς ό, τι θα συμβεί; Έτσι, έρχεται ένα συγκεκριμένο γεγονός, το οποίο θα προκαλέσει μια ειδική λειτουργία. Θα προετοιμάσει ένα GET ή POST-δεδομένων που θα σταλεί. Στη συνέχεια καλεί τη συνάρτηση, η οποία θα κάνει μια έκκληση προς την διεύθυνση URL του σεναρίου διακομιστή. Είναι αναγκαίο να προβλεφθεί η δημιουργία XMLHttpRequest-αντικειμένου. Μια αναφορά σε αυτό πρέπει να αποθηκεύεται σε μια μεταβλητή. Αφού τα δεδομένα έχουν σταλεί στον server, θα πρέπει να περιμένετε για μια απάντηση από αυτόν. Για να το κάνετε αυτό, μπορείτε να ενεργοποιήσετε την «υποκλοπών» για να λάβουν πληροφορίες (εάν είναι γνωστό, θα έρθει και πότε) ή να παρέχουν μια λειτουργία που θα είναι πάντα έτοιμο να δεχτεί δεδομένα. Η πρώτη πραγματοποίηση είναι λιγότερο αξιόπιστες σε περίπτωση έκτακτης κατάστασης. Η δεύτερη υλοποίηση - πιο δαπανηρή από την άποψη των πόρων. Παρά το γεγονός ότι, αν αυτό γίνεται μόνο σε σχέση με μία μεταβλητή, δεν επηρεάζει το γρήγορο Internet. Αλλά αν υπάρχουν εκατοντάδες και χιλιάδες, και θα έχουν υψηλή ανάλυση, - τότε θα είναι ένα άλλο θέμα. Ως εκ τούτου, είναι αναγκαίο να αναζητήσουν μια ισορροπία μεταξύ της χρήσης των διαθέσιμων πόρων και της αποτελεσματικότητας. Μετά από όλα, θα πρέπει να γίνει κατανοητό ότι δεν έχουν όλα τη μνήμη έως 16 GB. Αυτό μπορεί να οριστεί ένα συγκεκριμένο χρονικό διάστημα αναμονής μετά την οποία αντικατέστησε την προηγούμενη στοιχεία ή πληροφορίες ότι ο διακομιστής δεν είναι διαθέσιμος αυτή τη στιγμή.

χαρακτηριστικά

Κατά τη χρήση του «Άγιαξ» που έχει δημιουργηθεί από τη διεπαφή για τη σελίδα ή την εφαρμογή, θα πρέπει να βεβαιωθείτε ότι το αποτέλεσμα λειτουργεί καλά σε διαφορετικά λειτουργικά συστήματα, και σε διαφορετικά προγράμματα περιήγησης. Στην πρώτη περίπτωση θα είναι σε θέση να παρέχει εξομοιωτές ανεκτίμητη βοήθεια. Στη δεύτερη περίπτωση θα είναι αρκετό απλά να εγκαταστήσετε μια ποικιλία προγραμμάτων και τον έλεγχο της λειτουργικότητας του κώδικα. Είναι επίσης αναγκαίο να προβλεφθούν για ορισμένες δράσεις και, σε περίπτωση που το πρόγραμμα περιήγησης του χρήστη θα χρησιμοποιηθεί από την ημερομηνία ή θα σβήσει τις απαραίτητες ρυθμίσεις. Σε αυτές τις περιπτώσεις, θα πρέπει να ληφθεί μέριμνα για την απόσυρση του κειμένου στη σελίδα, αναφέροντας το λόγο για τον οποίο η ιστοσελίδα προβολής σε αυτή την περίπτωση δεν είναι δυνατή. Ναι, τώρα η συντριπτική πλειοψηφία των ανθρώπων που χρησιμοποιούν τη σύγχρονη τεχνολογία, αλλά μην αφήνετε εντελώς πάει προσοχή στην πιθανότητα και το γεγονός ότι ένα μικρό ποσοστό των επισκεπτών θα χρησιμοποιήσουν κάποια ξεπερασμένο λογισμικό. Και στην επιχείρηση κλίμακα μπορεί να έχει σημαντικές συνέπειες.

συμπέρασμα

Αυτό έρχεται σε μια λογική τέλος αυτού του άρθρου. Αν μιλάμε για «Αίας» στο σύνολό του, το εργαλείο αυτό σας επιτρέπει να δημιουργήσετε ένα πολύ ελκυστικό και χαρακτηριστικό πλούσια σε ιστοσελίδες που λειτουργούν γρήγορα και με τις αρμόδιες διάταξη παραδώσει στους χρήστες του μια χαρά. Δεν υπάρχει καμία αμφιβολία ότι θα υπάρξουν ακόμη πιο προηγμένες τεχνολογίες στο μέλλον, αλλά προς το παρόν θα χρησιμοποιήσουμε αυτό που έχουμε. Όπως είναι πολύ πιθανό η βελτίωση των γλωσσών και των τεχνικών προγραμματισμού, και αυτό είναι μια επιλογή που θα είναι διαθέσιμα, οι μέθοδοι που θα δημιουργήσει ακόμα πιο υψηλής ποιότητας των προϊόντων. Αλλά να είστε ότι όπως μπορεί, η εργασία που απαιτείται τώρα που είναι. Και αυτό το όνομα - «Αίας».