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

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

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

Два наиболее часто используемых метода запроса-ответа на клиенте и сервере: GET и POST.

  • GET - Запросить данные из указанного ресурса
  • POST - Подать данные для обработки на указанный ресурс

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

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

Чтобы узнать больше о GET и POST и о различиях между этими методами, пожалуйста, читайте наш Сравнение методов HTTP - GET и POST.

Метод jQuery $.get()

Метод $.get() запрашивает данные с сервера через HTTP GET-запрос.

Грамматика:

$.get(URL,callback);

Обязательный URL Параметр определяет 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 Параметр определяет 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").

Затем мы отправляем данные вместе с запросом (имя и город).

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 & ".")
%>

Руководство по jQuery AJAX

Для полного руководства по методам AJAX посетите наш Руководство по jQuery AJAX.