Metody jQuery AJAX get() i post()

Metody jQuery get() i post() są używane do żądania danych z serwera za pomocą HTTP GET lub POST.

Żądanie HTTP: GET kontra POST

Dwa najczęściej używane metody do wykonywania żądań i odpowiedzi na serwerze i klientie to: GET i POST.

  • GET - Zażądaj danych od określonego zasobu
  • POST - Przedstaw dane do przetworzenia dla określonego zasobu

GET jest używane głównie do uzyskiwania (pobierania) danych z serwera. Uwaga: metoda GET może zwrócić dane z pamięci podręcznej.

POST może również być używane do pobierania danych z serwera. Jednakże, metoda POST nie缓存 dane i jest często używana do wysyłania danych razem z żądaniem.

Aby dowiedzieć się więcej o GET i POST oraz różnicach między tymi metodami, przeczytaj nasz Porównanie metod HTTP - GET kontra POST.

Metoda jQuery $.get()

Metoda $.get() pobiera dane z serwera za pomocą żądania HTTP GET.

Gramatyka:

$.get(URL,callback);

Wymagany URL Parametr określa URL, do którego chcemy wysłać żądanie.

Opcjonalny callback Parametr to nazwa funkcji, która zostanie wykonana po pomyślnym zakończeniu żądania.

Poniższy przykład używa metody $.get() do pobierania danych z pliku na serwerze:

Przykład

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

Spróbuj sam!

Pierwszy parametr $.get() to URL, który chcemy zażądać ("demo_test.asp").

Drugi parametr to funkcja zwrotna. Pierwszy parametr funkcji zwrotnej zawiera treść żądanej strony, drugi parametr zawiera stan żądania.

Uwaga:Ten plik ASP ("demo_test.asp") wygląda tak:

<%
response.write("To jest jakiś tekst z zewnętrznego pliku ASP.")
%>

Metoda jQuery $.post()

Metoda $.post() pobiera dane z serwera za pomocą żądania HTTP POST.

Gramatyka:

$.post(URL,data,callback);

Wymagany URL Parametr określa URL, do którego chcemy wysłać żądanie.

Opcjonalny data Parametr określa dane wysyłane razem z żądaniem.

Opcjonalny callback Parametr to nazwa funkcji, która zostanie wykonana po pomyślnym zakończeniu żądania.

Poniższy przykład używa $.post() do wysyłania danych razem z żądaniem:

Przykład

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

Spróbuj sam!

Pierwszy parametr $.post() to URL, do którego chcemy wysłać żądanie ("demo_test_post.asp").

Następnie wysyłamy dane razem z żądaniem (name i city).

Skrypt ASP w "demo_test_post.asp" odczytuje te parametry, przetwarza je i zwraca wynik.

Trzeci parametr to funkcja zwrotna. Pierwszy argument funkcji zwrotnej zawiera treść żądanej strony, a drugi argument zawiera stan żądania.

Uwaga:Ten plik ASP ("demo_test_post.asp") wygląda podobnie:

<%
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 podręcznik

Aby uzyskać pełną referencję metod AJAX, odwiedź naszą jQuery AJAX podręcznik.