ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

jQuery Tutorial

jQuery HOME jQuery Intro jQuery Get Started jQuery Syntax jQuery Selectors jQuery Events

jQuery Effects

jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery Chaining

jQuery HTML

jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery Dimensions

jQuery Traversing

jQuery Traversing jQuery Ancestors jQuery Descendants jQuery Siblings jQuery Filtering

jQuery AJAX

jQuery AJAX Intro jQuery Load jQuery Get/Post

jQuery Misc

jQuery noConflict() jQuery Filters

jQuery References

jQuery Selectors jQuery Events jQuery Effects jQuery HTML/CSS jQuery Traversing jQuery AJAX jQuery Misc jQuery Properties


jQuery - AJAX get() and post() Methods


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


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

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

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

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

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

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


Метод jQuery $. Get ()

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

Syntax:

$.get(URL,callback);

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

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

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

Пример

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

Первым параметром $. Get () является URL-адрес, который мы хотим запросить ("демо_тест. php").

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

Совет: Вот как выглядит файл ASP ("демо_тест.php"):

<%
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.php",
    {
        name: "Donald Duck",
        city: "Duckburg"
    },
    function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

Первый параметр $. POST ()-это URL, который мы хотим запросить ("демо_тест_пост. php").

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

Сценарий ASP в "демо_тест_пост. php" считывает параметры, обрабатывает их и возвращает результат.

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

Совет: Вот как выглядит файл ASP ("демо_тест_пост.php"):

<%
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 справка.