Οι μεθόδους jQuery AJAX get() και post()

Οι μεθόδους jQuery get() και post() χρησιμοποιούνται για να αιτήσουν δεδομένα από τον διακομιστή μέσω HTTP GET ή POST.

HTTP αίτημα: GET vs. POST

Δύο συχνές μεθόδους αίτησης-απάντησης στο πεδίο του πελάτη και του διακομιστή είναι: GET και POST.

  • GET - Αιτάστε δεδομένα από τους καθορισμένους πόρους
  • POST - Προσβάλλετε τα δεδομένα που πρέπει να χειριστούν τα καθορισμένα πόροι

Το GET χρησιμοποιείται基本上 για να αποκτήσετε δεδομένα από τον διακομιστή (αποκτήστε πίσω δεδομένα). Σημείωση: Η μέθοδος GET μπορεί να επιστρέψει δεδομένα από τον κρυπτογραφικό χώρο.

Το POST μπορεί επίσης να χρησιμοποιηθεί για να αποκτήσετε δεδομένα από τον διακομιστή. Ωστόσο, η μέθοδος POST δεν αποθηκεύει δεδομένα στον κρυπτογραφικό χώρο, και χρησιμοποιείται συχνά για να στείλει δεδομένα μαζί με την αίτηση.

Για να μάθετε περισσότερα για το GET και το POST και τις διαφορές μεταξύ των δύο μεθόδων, παρακαλώ διαβάστε το Σύγκριση μεθόδων HTTP - GET έναντι POST.

Μέθοδος jQuery $.get()

Η μέθοδος $.get() αιτάται δεδομένα από τον διακομιστή μέσω HTTP GET αίτησης.

Γλώσσα:

$.get(URL,callback);

απαιτητική URL παράμετρος καθορίζει την URL που θέλετε να αίτησετε.

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

Το παρακάτω παράδειγμα χρησιμοποιεί τη μέθοδο $.get() για να πάρει δεδομένα από ένα αρχείο στο διακομιστή:

Παράδειγμα

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Δεδομένα: " + data + "\nΚατάσταση: " + status);
  });
});

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

Ο πρώτος παράμετρος του $.get() είναι η URL που θέλουμε να αίτησουμε ("demo_test.asp").

Ο δεύτερος παράμετρος είναι η συνάρτηση επανάκλησης. Ο πρώτος παράμετρος της συνάρτησης επανάκλησης αποθηκεύει το περιεχόμενο της ζητούμενης σελίδας, και ο δεύτερος παράμετρος αποθηκεύει την κατάσταση της αίτησης.

Σημείωση:Αυτός ο αρχείο ASP ("demo_test.asp") είναι κάπως έτσι:

<%
response.write("Αυτό είναι κάποιο κείμενο από ένα εξωτερικό αρχείο ASP.")
%>

Μέθοδος jQuery $.post()

Η μέθοδος $.post() αιτάται δεδομένα από τον διακομιστή μέσω HTTP POST αίτησης.

Γλώσσα:

$.post(URL,data,callback);

απαιτητική URL παράμετρος καθορίζει την URL που θέλετε να αίτησετε.

προαιρετικό data παράμετρος καθορίζει τα δεδομένα που θα σταλούν μαζί με την αίτηση.

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

Το παρακάτω παράδειγμα χρησιμοποιεί το $.post() για να στείλει δεδομένα μαζί με την αίτηση:

Παράδειγμα

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Δεδομένα: " + data + "\nΚατάσταση: " + status);
  });
});

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

$.post() ο πρώτος παράμετρος είναι η URL που θέλουμε να αίτησουμε ("demo_test_post.asp").

Στη συνέχεια, στέλνουμε τα δεδομένα μαζί με την αίτηση (name και city).

Ο ASP κώδικας στο "demo_test_post.asp" διαβάζει αυτούς τους παραμέτρους, τους επεξεργάζεται και επιστρέφει το αποτέλεσμα.

Ο τρίτος παράμετρος είναι η συνάρτηση ανατροφοδότησης. Ο πρώτος παράμετρος της συνάρτησης ανατροφοδότησης περιέχει το περιεχόμενο της ζητούμενης σελίδας, ενώ ο δεύτερος παράμετρος περιέχει την κατάσταση της αίτησης.

Σημείωση:Αυτός ο ASP αρχείο ("demo_test_post.asp") είναι παρόμοιο με αυτό:

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Καλημέρα " & fname & ". ")
Response.Write("Ελπίζω να ζεις καλά σε " & city & ".")
%>

jQuery AJAX Εγχειρίδιο

Για πλήρη αναφορά μεθόδων AJAX, επισκεφθείτε το jQuery AJAX Εγχειρίδιο.