jQuery AJAX get() och post() metoder

jQuery get() och post() metoder används för att begära data från servern via HTTP GET eller POST-förfrågan.

HTTP-förfrågan: GET vs. POST

De två vanligaste metoderna för att genomföra förfrågningar och svar mellan klient och server är: GET och POST.

  • GET - Begära data från specifika resurser
  • POST - Skicka att hantera data till specifika resurser

GET används i huvudsak för att hämta (ta tillbaka) data från servern. Notering: GET-metoden kan returnera cachade data.

POST kan också användas för att hämta data från servern. Men POST-metoden lagrar inte data och används ofta för att skicka data tillsammans med förfrågan.

För att lära dig mer om GET och POST samt skillnaderna mellan dessa två metoder, läs vår HTTP-metoder - GET jämfört med POST.

jQuery $.get() metoden

$.get() metoden hämtar data från servern genom HTTP GET-förfrågan.

Syntaks:

$.get(URL,callback);

Obligatorisk URL Parametern specificerar den URL du vill göra förfrågan till.

Valfri callback Parametern är namnet på funktionen som ska köras efter att förfrågan har lyckats.

Nedanstående exempel använder $.get() metoden för att hämta data från en fil på servern:

Exempel

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

Prova själv

första parametern till $.get() är den URL vi vill begära ("demo_test.asp").

den andra parametern är en callback-funktion. Den första callback-parametern innehåller innehållet på den efterfrågade sidan, och den andra callback-parametern innehåller statusen för förfrågan.

Tips:denna ASP-fil ("demo_test.asp") ser ut så här:

<%
response.write("This is some text from an external ASP file.")
%>

jQuery $.post() metod

$.post() metoden använder HTTP POST-förfrågan för att hämta data från servern.

Syntaks:

$.post(URL,data,callback);

Obligatorisk URL Parametern specificerar den URL du vill göra förfrågan till.

Valfri data Parametern specificerar data som ska skickas tillsammans med förfrågan.

Valfri callback Parametern är namnet på funktionen som ska köras efter att förfrågan har lyckats.

Nedan är ett exempel som använder $.post() för att skicka data tillsammans med förfrågan:

Exempel

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

Prova själv

$.post() första parametern är den URL vi vill göra förfrågan till ("demo_test_post.asp").

Därefter skickar vi data tillsammans med förfrågan (name och city).

ASP-skriptet i "demo_test_post.asp" läser dessa parametrar, behandlar dem och returnerar sedan resultatet.

Den tredje parametern är en callback-funktion. Den första callback-parametern innehåller innehållet på den efterfrågade sidan, medan den andra parametern innehåller statusen för förfrågan.

Tips:Denna ASP-fil ("demo_test_post.asp") ser ut ungefär så här:

<%
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 referenshandbok

För en fullständig referens till AJAX-metoder, besök vår jQuery AJAX referenshandbok.