jQuery AJAX - Методы get() и post()

jQuery методы get() и post() используются для получения данных с сервера при помощи HTTP запросов GET или POST соответственно.

HTTP запросы: GET vs. POST

Существует два стандартных способа обмена данными между клиентом и сервером - GET и POST.

  • GET – запрос данных с заданного ресурса
  • POST – отправка данных для обработки на заданном ресурсе

Метод GET используется в основном для получения данных с сервера. Следует помнить, что метод GET может возвращать кэшированные данные.

Метод POST также может использоваться для получения данных с сервера. Однако, метод POST никогда не кэширует данные, и он часто используется для пересылки данных между клиентом и сервером.

jQuery метод $.get()

Метод $.get() запрашивает данные с сервера используя HTTP запрос типа GET.

Синтаксис:


$.get(URL,callback);

Обязательный параметр URL определяет адрес для запроса.

Необязательный параметр callback определяет функцию, которая будет вызвана, если запрос завершится успешно.

В следующем примере используется метод $.get(), чтобы получить данные из файла на сервере:


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

Первый параметр метода $.get() - это URL, куда мы посылаем запрос ("demo_test.asp").

Второй параметр - это функция обратного вызова. Первый параметр этой функции содержит запрошенные данные, а второй параметр содержит статус запроса.

Вот как выглядит ASP файл "demo_test.asp" на сервере:


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

jQuery метод $.post()

Метод $.post() запрашивает данные с сервера используя HTTP запрос типа POST.

Синтаксис:


$.post(URL,data,callback);

Обязательный параметр URL определяет адрес для запроса.

Необязательный параметр data определяет данные, которые будут отосланы с запросом.

Необязательный параметр callback определяет функцию, которая будет вызвана, если запрос завершится успешно.

В следующем примере используется метод $.post() для отправки данных для обработки на сервере и получения вместе с запросом:


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

Первый параметр метода $.post() - это URL, куда мы посылаем запрос ("demo_test_post.asp").

Затем мы определяем данные, которые передаются вместе с запросом (name и city).

ASP скрипт на сервере в файле "demo_test_post.asp" читает параметры, обрабатывает их и возвращает результаты.

Третий параметр - это функция обратного вызова. Первый параметр этой функции содержит запрошенные данные, а второй параметр содержит статус запроса.

Вот как выглядит ASP файл "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 & ".")
%>