AJAX загрузка
home

Пример использования

Пример

$(document).ready(function(){
  
.......
   $("#but1").click(function(){
   $.ajax({
      url:"testfile.txt",
      success:function(result){
         $("#par1").html(result);
         $("#par1").css("fontSize","1.2em");
         $("#par1").css("textDecoration","underline");}
      });
   });
   $("#but2").click(function(){
      var send="x="+$("#text1").val()+"&y="+$("#text2").val();
      $.ajax({
         url:"add.php",
         data:send,
         success:function(result){
            $("#res").html(result);}
         });
   });
.......

});
Быстрый просмотр

Определение и использование

С помощью метода $.ajax Вы можете выполнить низкоуровневый AJAX запрос.

Данный метод лежит в основе всех остальных методов jQuery для выполнения AJAX запросов.

Данный метод сложен для обращения так что в большинстве случаев вместо него удобнее использовать высокоуровневые методы-альтернативы такие как load() или $.get().

Обратите внимание: старайтесь использовать метод .ajax() только в ситуациях, когда нельзя применить ни один другой метод.

Синтаксис

$.ajax(url,настройки)

url строка содержащая URL на который будет отправлен запрос.

настройки набор из пар имя/значение, которые позволяют настроить AJAX запрос под конкретные нужды. Настройки записываются следующим образом: {имя1:значение1,имя2:значение2,...}. Все возможные значения настроек перечислены в таблице ниже:

Свойство Описание
async По умолчанию все запросы отсылаются асинхронно (т.е. значение данного параметра по умолчанию равно true). Если Вы хотите, чтобы Ваш запрос был отослан синхронно установите значение данного параметра равным false.
beforeSend(jqXHR,настройки) Функция обратного вызова, код которой будет выполнен перед тем, как запрос будет отправлен на сервер. Если данная функция вернет false запрос не будет отправлен.
complete(jqXHR,статус) Функция, код которой будет выполнен после того, как запрос будет выполнен (вызывается после выполнения функций success и error).
contentType Указывает тип содержимого, которое будет передано на сервер. Значение по умолчанию "application/x-www-form-urlencoded" (подходит в большинстве случаев).
context Позволяет явно установить значение "this" для всех функций обратного вызова.
data Данные, которые будут переданы на сервер с запросом.
dataType Ожидаемый для приема с сервера тип данных.
error(jqXHR,статус,ошибка) Функция, код которой будет выполнен если во время исполнения запроса произойдет ошибка.
jsonp Строка определяющая имя функции обратного вызова в jsonp запросе.
jsonpCallback Устанавливает имя функции обратного вызова для jsonp запроса.
password Устанавливает пароль, который будет использоваться для HTTP аутентификации.
processData Логическое значение устанавливающее должны ли данные передающиеся с запросом преобразовываться в строку или нет. Значение по умолчанию true.
scriptCharset Устанавливает кодировку запроса.
success(результат,статус,jqXHR) Функция, код которой будет выполнен если запрос будет завершен успешно. Параметр результат содержит результат полученный от сервера.
type Устанавливает тип запроса (GET или POST). Значение по умолчанию GET.
url Строка указывающая URL, на который будет отправлен запрос.
xhr Функция обратного вызова для создания объекта XMLHttpRequest.