Оглавление

$.ajax().

Низкоуровневой функцией для передачи запросов AJAX является функция  $.ajax(). Обратите внимание на то, что эта функция вызывается без селектора, поскольку она не применяется к объекту jQuery. Все операции AJAX выполняются глобальными функциями, не зависящими от DOM.

 
Функция $.ajax() принимает один аргумент — объект, содержащий параметры вызова AJAX. Если этот аргумент опущен, функция загрузит текущую страницу, не выполняя над результатом никаких дополнительных действий.

 

Общее количество доступных для функции $.ajax() параметров довольно велико, однако не все они рассматриваются или используются в данной инструкции. Полный список параметров можно найти по адресу http://api.jquery.com/jQuery.ajax

 

Список наиболее употребительных параметров приводится ниже.
■  data: Данные, которые должны быть переданы удаленному сценарию, записанные либо в виде строки запроса (key1=val1&key2=val2), либо в формате JSON ({"key1":"val1","key2":"val2"}).
■  dataFilter(data, type): Функция обратного вызова, которая позволяет выполнять предварительную фильтрацию данных и великолепно подходит для очистки данных, поступающих от удаленного сценария.
dataType: Описание типа данных, ожидаемых из запроса. В случае его отсутствия jQuery в состоянии делать разумные предположения относительно этого. Доступными типами данных являются  "xml", "html",
"script", "json", "jsonp", и "text".
■   error(XMLHttpRequest, textStatus, errorThrown): Функция обратного вызова, которая должна выполняться в случае возникновения ошибок запроса. Аргументами функции служат объект XMLHttpRequest, строка состояния запроса и код ошибки.

■   success(data, textStatus, XMLHttpRequest): Функция обратного вызова, которая должна выполняться в случае успешного завершения запроса. Аргументами функции служат данные, возвращаемые удаленным сценарием, строка состояния запроса и объект XMLHttpRequest.
■   type: Тип отправляемого запроса. По умолчанию таковым является GET, но доступен и тип POST. Также допускается использование типов PUT и DELETE, но их правильная работа со всеми браузерами не гарантируется.
■  url: Адрес URL, по которому отправляется запрос.

 
Для отправки простейшего POST-запроса тестовому сценарию и загрузки результатов в абзац с идентификатором bar вполне подойдет следующий код.
$.ajax({
        "type":"POST",
        "url":"ajax.php",
        "data":"var1=val1&var2=val2",
        "success":function(data){
                $("#bar")
                    .css("background","yellow")
                    .html(data);
            }
    });

 

В результате выполнения этого кода содержимое абзаца будет заменено загруженной информацией (рис. 2.22).

 

Информация AJAX, загруженная из файла ajах. php

Рис. 2.22. Информация AJAX, загруженная из файла ajах.php

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити