Συναρτήσεις jQuery AJAX
Το jQuery διαθέτει πλούσια βιβλιοθήκη συναρτήσεων (μεθόδων) για την ανάπτυξη AJAX.
Παράδειγμα jQuery AJAX
Κάντε κλικ στο παρακάτω κουμπί για να αλλάξετε αυτό το κείμενο μέσω AJAX
Ο παρακάτω παράδειγμα προέρχεται από το Εκπαιδευτικός Οδηγός AJAXαλλά έχει προσαρμοστεί με τη χρήση του jQuery.
Τι είναι το AJAX;
AJAX = Asynchronous JavaScript and XML.
Το AJAX είναι μια τεχνολογία για τη δημιουργία γρήγορων δυναμικών ιστοσελίδων.
Το AJAX επιτρέπει την异步 ανανέωση της ιστοσελίδας μέσω ανταλλαγής μικρών δεδομένων στο παρασκήνιο με τον διακομιστή. Αυτό σημαίνει ότι είναι δυνατή η ανανέωση ενός μέρους της ιστοσελίδας χωρίς να ξαναφορτωθεί ολόκληρη η σελίδα.
Μπορείτε να βρείτε στο Εκπαιδευτικός Οδηγός AJAX μαθαίνετε περισσότερα για το AJAX.
AJAX και jQuery
Το jQuery παρέχει πλούσια βιβλιοθήκη συναρτήσεων (μεθόδων) για την ανάπτυξη AJAX.
Με τη χρήση jQuery AJAX, μπορείτε να ζητήσετε TXT, HTML, XML ή JSON από απομακρυσμένους διακομιστές μέσω HTTP Get και HTTP Post.
και μπορείτε να φορτώσετε άμεσα τα απομακρυσμένα δεδομένα στο επιλεγμένο στοιχείο της ιστοσελίδας!
Λιγότερο γραμμένο, περισσότερο έργο
Η συνάρτηση load του jQuery είναι μια απλή (αλλά ισχυρή) συνάρτηση AJAX. Η γραμματική της είναι ως εξής:
$(selector).load(url,data,callback)
Χρησιμοποιήστε επιλογή για να καθορίσετε το HTML στοιχείο που πρέπει να αλλάξει, χρησιμοποιήστε url παράμετροιγια να καθορίσετε τη διεύθυνση του web δεδομένων.
Χρειάζεστε να χρησιμοποιήσετε το data Χρειάζεστε να χρησιμοποιήσετε το callback παράμετροι
Χαμηλού επιπέδου AJAX
$.ajax(options) είναι η γραμματική της χαμηλότερης επίπεδο AJAX συνάρτηση.
Η $.ajax παρέχει περισσότερες λειτουργίες από τις υψηλότερες επίπεδα λειτουργίες, αλλά είναι επίσης πιο δύσκολη στη χρήση.
παράμετρος Η ρύθμιση των παραμέτρων είναι η ζευγάρι name|value, ορίζει τα δεδομένα URL, τον κωδικό πρόσβασης, τον τύπο δεδομένων, τον φίλτρο, τη γλώσσα χαρακτήρων, το χρονικό όριο και τη συνάρτηση σφάλματος.
Αίτημα jQuery AJAX
| Αίτημα | Περιγραφή |
|---|---|
| $(selector).load(url,data,callback) | Φορτώστε απομακρυσμένα δεδομένα στο επιλεγμένο στοιχείο |
| $.ajax(options) | Φορτώστε απομακρυσμένα δεδομένα στο αντικείμενο XMLHttpRequest |
| $.get(url,data,callback,type) | Φορτώστε απομακρυσμένα δεδομένα χρησιμοποιώντας HTTP GET |
| $.post(url,data,callback,type) | Φορτώστε απομακρυσμένα δεδομένα χρησιμοποιώντας HTTP POST |
| $.getJSON(url,data,callback) | Φορτώστε απομακρυσμένα δεδομένα JSON χρησιμοποιώντας HTTP GET |
| $.getScript(url,callback) | Φορτώστε και εκτελέστε απομακρυσμένα αρχεία JavaScript |
(url) Η διεύθυνση URL (διεύθυνση) των δεδομένων που φορτώνονται
(data) Το αντικείμενο των δεδομένων που στέλνεται στο διακομιστή
(callback) Η συνάρτηση που εκτελείται όταν τα δεδομένα φορτώνονται
(type) Τύπος δεδομένων που επιστρέφονται (html, xml, json, jasonp, script, text)
(options) Όλες οι επιλογές των κλειδιών/τιμών της πλήρους ΑJAX αίτησης
Εκπαιδευτικός Οδηγός Επεξεργασίας
Για περισσότερες πληροφορίες σχετικά με τις συχνές λειτουργίες του jQuery AJAX, επισκεφθείτε τον Εγχειρίδιο jQuery AJAX.
