Αναμίξτε Ajax σε HTML με Intercooler.js
Ποτέ δεν ήταν πιο εύκολο προσθέστε Ajax σε οποιονδήποτε ιστότοπο. Στην πραγματικότητα, είναι αρκετά κοινό για την κατασκευή ολόκληρων ιστότοπων που βασίζονται σε αιτήματα Ajax που ονομάζεται Εφαρμογές μιας σελίδας (ή SPAs).
Ωστόσο, αυτό απαιτούσε πάντα ένα κομμάτι jQuery και μερικές τεχνικές διαμάχες ενημερώστε το περιεχόμενο της σελίδας. Αν χρειάζεστε λίγο βασική λειτουργία Ajax μπορείς να χρησιμοποιήσεις intercooler.js για να αναμίξετε αυτό το δικαίωμα στη HTML σας.
Ο Intercooler σάς επιτρέπει να γράφετε τα χαρακτηριστικά HTML περιέχουν εγγενώς διευθύνσεις URL του Ajax. Όταν οι χρήστες κάνουν κλικ σε συγκεκριμένους συνδέσμους, μπορείτε να το υπαγορεύσετε Τα αιτήματα Ajax τρέχουν αντί για την κανονική δράση κλικ.
Όλα αυτά βασίζεται σε χαρακτηριστικά δεδομένων HTML5 * όπως ic-post-to. Μπορείτε να προσθέσετε αυτό το χαρακτηριστικό σε ένα κουμπί ή έναν σύνδεσμο άγκυρας και αυτό θα γίνει αυτόματα συνδεθείτε στο jQuery για ένα αίτημα POST Ajax.
Υπάρχει στην πραγματικότητα μια σελίδα γεμάτη από αυτά τα χαρακτηριστικά στην ιστοσελίδα του plugin. Εδώ είναι λίγο δείγμα κώδικα για να δείτε πώς φαίνεται:
Κάντε κλικ στο με!
Αυτό θα στείλτε ένα αίτημα Ajax POST στη διεύθυνση URL / buton_click, και φορτώστε την απάντηση στο στοιχείο του δοχείου. Ο Intercooler είναι μια αρκετά απλή βιβλιοθήκη και απίστευτα ισχυρή όταν καταλάβετε πώς λειτουργεί.
Με την επιφύλαξη ότι αυτό δεν θα λύσει όλα τα προβλήματά σας Ajax γιατί δεν είναι δυνατή η αυτόματη ενημέρωση άλλων περιοχών της σελίδας. Επίσης δεν μπορεί να προσθέσει πάρα πολλές προσαρμοσμένες λειτουργίες χωρίς επιβράδυνση της σελίδας, έτσι μια λεπτομερής ΙΑΜΑΤΙΚΗ ΠΗΓΗ θα πρέπει πραγματικά χρησιμοποιήστε τον προσαρμοσμένο κώδικα Ajax.
Το Intercooler.js προσφέρει ένα πιο σημασιολογικός τρόπος για την γραφή του κώδικα Ajax έτσι ώστε να φορτώνει και ακόμη και να προσφέρει ένα εγγενές εφεδρικό.
Προς το εγκαταστήστε το intercooler χρειάζεστε μόνο ένα αντίγραφο του jQuery μαζί με ένα αντίγραφο της βιβλιοθήκης του intercooler που μπορεί να βρεθεί στο GitHub. Μπορείτε ακόμη και δοκιμή χωρίς λήψη οποιαδήποτε αρχεία χρησιμοποιώντας ένα jQuery CDN και το τοπικό Intercooler CDN.
Βάλτε και τα δύο σε α >
Ρίξτε μια ματιά στο σελίδα demos για να δείτε ένα πλήρη κατάλογο των demos μπορείτε να παίξετε με. Μου αρέσει ιδιαίτερα το demo "Κάντε κλικ για να επεξεργαστείτε" επειδή δείχνει ακριβώς τι είναι δυνατό και πόσο μακριά μπορείτε να πάρετε αυτό το plugin.
Αν σας ενδιαφέρει μάθετε περισσότερα δείτε το οδηγό αναφοράς γεμάτη με χαρακτηριστικά intercooler HTML. Ο καθένας εκτελεί μια διαφορετική ενέργεια έτσι είναι ζωτικής σημασίας να τα μελετήσετε όλα και να δείτε τι ταιριάζει καλύτερα για το σενάριό σας.
Φυσικά, μπορείτε να βρείτε όλο τον πηγαίο κώδικα δωρεάν στο GitHub μαζί με ένα σύντομο οδηγό εγκατάστασης.
