jQuery AJAX get() og post() metoder

jQuery get() og post() metoder bruges til at anmode om data fra serveren via HTTP GET eller POST-anmodning.

HTTP-anmodning: GET vs. POST

To almindelige metoder til at udføre forespørgsler og svar mellem klient og server er: GET og POST.

  • GET - Anmode om data fra den angivne ressource
  • POST - Indsende data til den angivne ressource til behandling

GET bruges primært til at få (hente) data fra serveren. Bemærk: GET-metoden kan returnere cachede data.

POST kan også bruges til at hente data fra serveren. Dog vil POST-metoden ikke cache data og bruges ofte til at sende data sammen med anmodningen.

For at lære mere om GET og POST samt forskelle mellem de to metoder, læs vores HTTP-metode - GET vs. POST.

jQuery $.get() metode

$.get() metoden henter data fra serveren via HTTP GET-anmodning.

Syntaks:

$.get(URL,callback);

Obligatorisk URL Parametrene definerer den URL, du ønsker at anmode.

Valgfri callback Parametrene er navnet på den funktion, der skal køres, når anmodningen lykkes.

Følgende eksempel bruger $.get() metoden til at hente data fra en fil på serveren:

Eksempel

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

Prøv det selv

$.get() første parameter er den URL, vi ønsker at anmode om ("demo_test.asp").

Den anden parameter er en callback-funktion. Den første callback-parameter indeholder indholdet af den anmodede side, og den anden callback-parameter indeholder anmodningens status.

Bemærk:Denne ASP-fil ("demo_test.asp") ser sådan ud:

<%
response.write("Dette er nogle tekst fra en ekstern ASP-fil.")
%>

jQuery $.post() metode

$.post() metoden anmoder data via HTTP POST fra serveren.

Syntaks:

$.post(URL,data,callback);

Obligatorisk URL Parametrene definerer den URL, du ønsker at anmode.

Valgfri data Parametrene definerer data, der skal sendes sammen med anmodningen.

Valgfri callback Parametrene er navnet på den funktion, der skal køres, når anmodningen lykkes.

Nedenstående eksempel bruger $.post() til at sende data sammen med anmodningen:

Eksempel

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

Prøv det selv

$.post() første parameter er den URL ("demo_test_post.asp") vi ønsker at anmode.

Vi sender derefter data sammen med anmodningen (name og city).

"demo_test_post.asp" ASP-script læser disse parametre, behandler dem, og returnerer derefter resultaterne.

Tredje parameter er callback-funktionen. Den første callback parameter indeholder indholdet af den anmodede side, mens den anden parameter indeholder status for anmodningen.

Bemærk:Denne ASP-fil ("demo_test_post.asp") ser sådan ud:

<%
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 reference manual

For en fuld reference til AJAX-metoder, besøg vores jQuery AJAX reference manual.