jQuery AJAX get() ja post() metodi

jQuery get() ja post() metodi käytetään tietojen pyytämiseen palvelimelta HTTP GET tai POST -pyynnöllä.

HTTP-pyyntö: GET vs. POST

Kaksi yleisintä pyyntö-vastaus -menetelmää asiakas- ja palvelinpuolella ovat: GET ja POST.

  • GET - Pyytää tietoja tietystä resurssista
  • POST - Lähettää tietoja käsiteltäväksi tiettyyn resurssiin

GET käytetään pääasiassa tietojen hakemiseen palvelimelta (nostamiseen). Huomaa, että GET-metodi voi palauttaa välimuistitiedot.

POST voidaan käyttää tietojen hakemiseen palvelimelta. Huomaa, että POST-metodi ei tallenna tietoja välimuistiin ja käytetään usein yhdessä pyynnön kanssa lähetettävien tietojen kanssa.

Lisätietoja GET ja POST sekä näiden metodi eroista löydät: HTTP-metodi - GET verrattuna POST.

jQuery $.get() metodi

$.get() metodi pyytää tietoja palvelimelta HTTP GET -pyynnöllä.

Syntaksi:

$.get(URL,callback);

Välttämätön URL Parametri määrittää URL:n, jota haluat pyytää.

Valinnainen callback Parametri on pyynnön onnistumisen jälkeen suoritettava toiminto.

Seuraava esimerkki käyttää $.get() metodia tiedon hakemiseen palvelimelta:

Esimerkki

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

Kokeile itse

$.get() ensimmäinen parametri on pyytämämämme URL ("demo_test.asp").

Toinen parametri on paluofunktio. Ensimmäinen paluoparametri sisältää pyydettävän sivun sisällön, toinen paluoparametri sisältää pyynnön tilan.

Vinkki:Tämä ASP-tiedosto ("demo_test.asp") näyttää tältä:

<%
response.write("Tämä on jokin teksti ulkoisesta ASP-tiedostosta.")
%>

jQuery $.post() -menetelmä

$.post() -menetelmä pyytää tietoja palvelimelta HTTP POST -pyynnön avulla.

Syntaksi:

$.post(URL,data,callback);

Välttämätön URL Parametri määrittää URL:n, jota haluat pyytää.

Valinnainen data Parametri määrittää tiedot, jotka lähetetään pyynnön mukana.

Valinnainen callback Parametri on pyynnön onnistumisen jälkeen suoritettava toiminto.

Seuraava esimerkki käyttää $.post() -metodia lähettämään tiedot pyynnön mukana:

Esimerkki

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

Kokeile itse

$.post() -parametri on URL, jota haluamme pyytää ("demo_test_post.asp").

Sitten lähetämme tiedot yhdessä pyynnön (name ja city) kanssa.

"demo_test_post.asp" -tiedostossa oleva ASP-skripti lukee nämä parametrit, käsittelee ne ja palauttaa tuloksen.

Kolmas parametri on paluutoiminto. Ensimmäinen paluutoiminnon parametri sisältää pyydettävän sivun sisällön, ja toinen sisältää pyynnön tilan.

Vinkki:Tämä ASP-tiedosto ("demo_test_post.asp") on samanlainen kuin tämä:

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Hyvä " & fname & ". ")
Response.Write("Toivottavasti asut hyvin " & city & ".")
%>

jQuery AJAX viittausopas

Jos tarvitset täydellisen AJAX-metodi viittauksen, vieritse sivustollemme jQuery AJAX viittausopas.