jQuery - AJAX get() en post() Metodes
Die jQuery get() en post() metodes word gebruik om data van die bediener aan te vra met 'n HTTP GET of POST versoek.
HTTP-versoek: KRY vs. POST
Twee algemeen gebruikte metodes vir 'n versoek-reaksie tussen 'n kliënt en bediener is: GET en POST.
- GET - Versoek data van 'n gespesifiseerde hulpbron
- POST - Dien data in wat verwerk moet word na 'n gespesifiseerde hulpbron
GET word basies gebruik om net sommige data van die bediener af te kry (herhaal). Let wel: Die GET-metode kan gekasdata terugstuur.
POST kan ook gebruik word om data van die bediener af te kry. Die POST-metode kas egter NOOIT data nie, en word dikwels gebruik om data saam met die versoek te stuur.
Om meer te wete te kom oor GET en POST, en die verskille tussen die twee metodes, lees asseblief ons HTTP Metodes GET vs POST hoofstuk.
jQuery $.get() Metode
Die $.get()metode versoek data vanaf die bediener met 'n HTTP GET-versoek.
Sintaksis:
$.get(URL,callback);
Die vereiste URL-parameter spesifiseer die URL wat jy wil aanvra.
Die opsionele terugbelparameter is die naam van 'n funksie wat uitgevoer moet word as die versoek slaag.
Die volgende voorbeeld gebruik die $.get()metode om data van 'n lêer op die bediener te haal:
Voorbeeld
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Die eerste parameter van $.get()is die URL wat ons wil aanvra ("demo_test.asp").
Die tweede parameter is 'n terugbelfunksie. Die eerste terugbelparameter hou die inhoud van die versoekte bladsy, en die tweede terugbelparameter hou die status van die versoek.
Wenk: Hier is hoe die ASP-lêer lyk ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() Metode
Die $.post()metode versoek data vanaf die bediener deur 'n HTTP POST-versoek te gebruik.
Sintaksis:
$.post(URL,data,callback);
Die vereiste URL-parameter spesifiseer die URL wat jy wil aanvra.
Die opsionele dataparameter spesifiseer sommige data om saam met die versoek te stuur.
Die opsionele terugbelparameter is die naam van 'n funksie wat uitgevoer moet word as die versoek slaag.
Die volgende voorbeeld gebruik die $.post()metode om sommige data saam met die versoek te stuur:
Voorbeeld
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Die eerste parameter van $.post()is die URL wat ons wil aanvra ("demo_test_post.asp").
Dan gee ons data in om saam met die versoek (naam en stad) te stuur.
Die ASP-skrip in "demo_test_post.asp" lees die parameters, verwerk dit en gee 'n resultaat terug.
Die derde parameter is 'n terugbelfunksie. Die eerste terugbelparameter hou die inhoud van die versoekte bladsy, en die tweede terugbelparameter hou die status van die versoek.
Wenk: Hier is hoe die ASP-lêer lyk ("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 Verwysing
Vir 'n volledige oorsig van alle jQuery AJAX-metodes, gaan asseblief na ons jQuery AJAX-verwysing .