jQuery - AJAX get() en post() methoden
De jQuery get() en post() methoden worden gebruikt om gegevens van de server op te vragen met een HTTP GET- of POST-verzoek.
HTTP-verzoek: GET versus POST
Twee veelgebruikte methoden voor een request-response tussen een client en server zijn: GET en POST.
- GET - Verzoekt gegevens van een gespecificeerde bron
- POST - Verzendt gegevens die moeten worden verwerkt naar een opgegeven bron
GET wordt in principe gebruikt om alleen wat gegevens van de server te krijgen (op te halen). Opmerking: de GET-methode kan gegevens in de cache retourneren.
POST kan ook worden gebruikt om gegevens van de server te krijgen. De POST-methode slaat echter NOOIT gegevens op in de cache en wordt vaak gebruikt om gegevens met het verzoek mee te sturen.
Lees voor meer informatie over GET en POST en de verschillen tussen de twee methoden ons hoofdstuk HTTP-methoden GET vs POST .
jQuery $.get() Methode
De $.get()methode vraagt gegevens van de server op met een HTTP GET-verzoek.
Syntaxis:
$.get(URL,callback);
De vereiste URL-parameter specificeert de URL die u wilt opvragen.
De optionele callback-parameter is de naam van een functie die moet worden uitgevoerd als de aanvraag slaagt.
In het volgende voorbeeld wordt de $.get()methode gebruikt om gegevens op te halen uit een bestand op de server:
Voorbeeld
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
De eerste parameter van $.get()is de URL die we willen opvragen ("demo_test.asp").
De tweede parameter is een callback-functie. De eerste callback-parameter bevat de inhoud van de opgevraagde pagina en de tweede callback-parameter bevat de status van het verzoek.
Tip: Zo ziet het ASP-bestand eruit ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() Methode
De $.post()methode vraagt om gegevens van de server met behulp van een HTTP POST-verzoek.
Syntaxis:
$.post(URL,data,callback);
De vereiste URL-parameter specificeert de URL die u wilt opvragen.
De optionele gegevensparameter specificeert enkele gegevens die met het verzoek moeten worden verzonden.
De optionele callback-parameter is de naam van een functie die moet worden uitgevoerd als de aanvraag slaagt.
In het volgende voorbeeld wordt de $.post()methode gebruikt om enkele gegevens met het verzoek mee te sturen:
Voorbeeld
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
De eerste parameter van $.post()is de URL die we willen opvragen ("demo_test_post.asp").
Dan geven we wat gegevens door om mee te sturen met het verzoek (naam en plaats).
Het ASP-script in "demo_test_post.asp" leest de parameters, verwerkt ze en geeft een resultaat terug.
De derde parameter is een callback-functie. De eerste callback-parameter bevat de inhoud van de opgevraagde pagina en de tweede callback-parameter bevat de status van het verzoek.
Tip: Zo ziet het ASP-bestand eruit ("demo_test_post.asp"):
<%
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-referentie
Ga voor een compleet overzicht van alle jQuery AJAX-methoden naar onze jQuery AJAX Reference .