jQuery ajax - μέθοδος get()

jQuery Ajax Εγχειρίδιο Εφαρμογής

Παράδειγμα

Αλλάξτε το κείμενο του στοιχείου div χρησιμοποιώντας αίτημα GET AJAX:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

Δοκιμάστε το προσωπικά

Ορισμός και χρήση

Η μέθοδος get() φορτώνει πληροφορίες μέσω απομακρυσμένης HTTP GET αίτησης.

Αυτό είναι ένα απλό GET αίτημα που αντικαθιστά την περίπλοκη $.ajax. Όταν το αίτημα είναι επιτυχές, μπορείτε να καλέσετε τη συνάρτηση ανατροφοδότησης. Αν χρειάζεται να εκτελέσετε συνάρτηση σε περίπτωση σφάλματος, χρησιμοποιήστε την $.ajax.

γλώσσα

$(selector).get("}}url,data,success(response,status,xhr),dataType)
Παράμετροι Περιγραφή
url Απαιτείται. Ορίζει ποια URL θα αποσταλεί το αίτημα.
data Προαιρετικό. Ορίζει τα δεδομένα που θα αποσταλούν στον διακομιστή.
success(response,status,xhr)

Προαιρετικό. Ορίζει τη συνάρτηση που θα εκτελεστεί όταν το αίτημα είναι επιτυχές.

Επιπλέον παραμέτρους:

  • response - Περιέχει τα δεδομένα του αποτελέσματος του αιτήματος
  • status - Περιέχει την κατάσταση του αιτήματος
  • xhr - Περιέχει το αντικείμενο XMLHttpRequest
dataType

Προαιρετικό. Ορίζει τον τύπο δεδομένων που αναμένεται από τον διακομιστή.

Προεπιλεγμένα, το jQuery αναγνωρίζει αυτόματα.

Πιθανές τύποι:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

Συμπεριγραφή

Η συνάρτηση αυτή είναι η σύντομη συνάρτηση Ajax, ίση με:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Ανάλογα με τον διαφορετικό MIME τύπο της απάντησης, τα δεδομένα που αποστέλλονται στην συνάρτηση success callback διαφέρουν, μπορούν να είναι το ρίζα στοιχείο XML, αλφαριθμητική αλυσίδα, αρχείο JavaScript ή αντικείμενο JSON. Μπορείτε επίσης να αποστείλετε την τεκμηριωμένη κατάσταση της απάντησης στην συνάρτηση success callback.

Για το jQuery 1.4, μπορείτε επίσης να αποστείλετε το αντικείμενο XMLHttpRequest στην συνάρτηση success callback.

Παράδειγμα

Αίτημα για τη σελίδα web test.php, αγνοώντας την επιστροφή:

$.get("test.php");

Περισσότερα παραδείγματα

Παράδειγμα 1

Αίτημα για τη σελίδα web test.php, αποστολή 2 παραμέτρων, αγνοώντας την επιστροφή:

$.get("test.php", { name: "Bill", time: "2pm" } );

Παράδειγμα 2

Εμφάνιση της τιμής που επιστρέφει το test.php (HTML ή XML, ανάλογα με την τιμή που επιστρέφει):

$.get("test.php", function(data){
  alert("Δεδομένα Φορτωμένα: " + data);
});

Παράδειγμα 3

Εμφάνιση της τιμής που επιστρέφει το test.cgi (HTML ή XML, ανάλογα με την τιμή που επιστρέφει), προσθήκη μιας ομάδας παραμέτρων αιτήματος:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Δεδομένα Φορτωμένα: " + data);
  });

jQuery Ajax Εγχειρίδιο Εφαρμογής