jquery + ajax manual

jquery help ma

/* Список всех event'ов: */

// ajaxStart — Данный метод вызывается в случае когда побежал AJAX запрос, и при этом других запросов нету
// beforeSend — Срабатывает до отправки запроса, позволяет редактировать XMLHttpRequest. Локальное событие
// ajaxSend — Срабатывает до отправки запроса, аналогично beforeSend
// success — Срабатывает по возвращению ответа, когда нет ошибок ни сервера, ни вернувшихся данных. Локальное событие
// ajaxSuccess — Срабатывает по возвращению ответа, аналогично success
// error — Срабатывает в случае ошибки. Локальное событие
// ajaxError — Срабатывает в случае ошибки
// complete — Срабатывает по завершению текущего AJAX запроса (с ошибкои или без — срабатывает всегда).Локальное событие
// ajaxComplete — Глобальное событие, аналогичное complete
// ajaxStop — Данный метод вызывается в случае когда больше нету активных запросов


/* --- AJAX with load --- */

$(document).ready(function(){            // по окончанию загрузки страницы         
  $('#example').click(function(){        // вешаем на клик по элементу с id = example
    $(this).load('ajax/example.html');   // загрузку HTML кода из файла example.html
  }) 
}); 


/* --- AJAX with Promise --- */

$.ajax({ 
  url: '/ajax/example.html',             // указываем URL и
  dataType : "html",                     // тип загружаемых данных (txt, html, xml, json)
  beforeSend: function(){                // что будет отображать перед тем как подгрузить файл
    $(this).addClass('loading');
    /* ... */
  },
  success: function(data){               // вешаем свой обработчик на функцию success (callback)
    $(this).removeClass('loading');      // обрабатываем полученные данные
    /* ... */
  }
}).then(function() {                     // що зробити після того як загрузить
     $(this).show().fadeOut(2000);
});


/* --- Приклад підкгрузки сторінки --- */

<a href="http://my-site/index.html">силка на сторінку</a>
...
$(function(){
  $('article').on('click', 'a', function(){
    var href = $(this).attr('href');         // робимо перемінну
    $.ajax({
      url:href,                              // перемінна буде показувати силку (зверху)
      dataType:'html',                       // тип документу (розширення)
      success:function(data){                // колбек функції
        $('article').html(
        $('article', data).contents()
        );
      }
    });
    return false;                            // повертає все назад
  })
});