jQuery AJAX get() en post() methoden

jQuery get() en post() methoden worden gebruikt om gegevens van de server op te halen via HTTP GET of POST-aanvragen.

HTTP-verzoek: GET vs. POST

Twee veelgebruikte methoden voor het uitvoeren van request-response tussen client en server zijn: GET en POST.

  • GET - Gegevens aanvragen van de opgegeven bron
  • POST - Data indienen om te verwerken voor de opgegeven bron

GET wordt voornamelijk gebruikt om gegevens van de server te verkrijgen (op te halen). Opmerking: De GET-methode kan gecachte gegevens retourneren.

POST kan ook gebruikt worden om gegevens van de server op te halen. Echter, de POST-methode cacheert gegevens niet en wordt vaak gebruikt om gegevens samen met de aanvraag te verzenden.

Voor meer informatie over GET en POST en de verschillen tussen de twee methoden, lees onze HTTP-methode - GET vergeleken met POST.

jQuery $.get() methode

De $.get() methode haalt gegevens op van de server via een HTTP GET-aanvraag.

Syntaxis:

$.get(URL,callback);

Verplicht URL De parameter definieert de URL die u wilt verzoeken.

Optioneel callback De parameter is de naam van de functie die wordt uitgevoerd nadat het verzoek succesvol is voltooid.

Hieronder is een voorbeeld van het gebruik van de $.get() methode om gegevens van een bestand op de server op te halen:

Voorbeeld

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Probeer het zelf

De eerste parameter van $.get() is de URL die we willen aanvragen ("demo_test.asp").

De tweede parameter is de callback-functie. De eerste callback-parameter bevat de inhoud van de opgevraagde pagina, de tweede callback-parameter bevat de status van de aanvraag.

Tip:Deze ASP-bestand ("demo_test.asp") ziet er ongeveer zo uit:

<%
response.write("Dit is enkele tekst van een extern ASP-bestand.")
%>

jQuery $.post() methode

De $.post() methode verzoekt gegevens van de server via een HTTP POST-verzoek.

Syntaxis:

$.post(URL,data,callback);

Verplicht URL De parameter definieert de URL die u wilt verzoeken.

Optioneel data De parameter definieert de gegevens die samen met het verzoek worden verzonden.

Optioneel callback De parameter is de naam van de functie die wordt uitgevoerd nadat het verzoek succesvol is voltooid.

Hieronder is een voorbeeld van het gebruik van $.post() om gegevens samen met het verzoek te verzenden:

Voorbeeld

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Probeer het zelf

$.post() als eerste parameter is de URL die we willen verzoeken ("demo_test_post.asp").

Vervolgens sturen we de gegevens samen met het verzoek (name en city) op.

De ASP-script in "demo_test_post.asp" leest deze parameters in, verwerkt ze en keert het resultaat terug.

De derde parameter is de callback-functie. De eerste callback-parameter bevat de inhoud van de verzoekte pagina, terwijl de tweede parameter de status van het verzoek bevat.

Tip:Deze ASP-bestand ("demo_test_post.asp") ziet er ongeveer zo uit:

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

jQuery AJAX referentiemanual

Voor een volledige referentie van de AJAX-methoden, bezoek onze jQuery AJAX referentiemanual.