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


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


HTTP-запрос: GET против POST

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

  • GET - запрашивает данные из указанного ресурса
  • POST — отправляет данные для обработки на указанный ресурс

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

POST также можно использовать для получения некоторых данных с сервера. Однако метод POST НИКОГДА не кэширует данные и часто используется для отправки данных вместе с запросом.

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


Метод jQuery $.get()

Метод $.get()запрашивает данные с сервера с помощью запроса HTTP GET.

Синтаксис:

$.get(URL,callback);

Обязательный параметр URL указывает URL, который вы хотите запросить.

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

В следующем примере $.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, который вы хотите запросить.

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

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

В следующем примере $.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

Полный обзор всех методов jQuery AJAX см. в нашем справочнике jQuery AJAX .