Прототип и руководство по AJAX

Введение в AJAX

AJAX означает Aсинхронный JavaScript и XML. AJAX - это новый метод создания лучших, быстрых и интерактивных веб-приложений с помощью XML, HTML, CSS и Java Script.

Чтобы получить полное представление об AJAX, просмотрите наше простое руководство по AJAX .

Поддержка прототипов для AJAX

Инфраструктура прототипов позволяет вам обрабатывать вызовы Ajax очень простым и увлекательным способом, который также является безопасным (кросс-браузерный). Prototype также разумно работает с кодом JavaScript, возвращаемым с сервера, и предоставляет вспомогательные классы для опроса.

Функциональность Ajax содержится в глобальном объекте Ajax . Этот объект предоставляет все необходимые методы для простой обработки запросов и ответов AJAX.

Запрос AJAX

Фактические запросы выполняются путем создания экземпляров объекта Ajax.Request () .

new Ajax.Request('/some_url', { method:'get' });

Первый параметр - это URL-адрес запроса; второй - это хеш параметров. Параметр метода относится к используемому методу HTTP; метод по умолчанию - POST.

Обратные вызовы AJAX

Запросы Ajax по умолчанию являются асинхронными, что означает, что у вас должны быть обратные вызовы, которые будут обрабатывать данные из ответа. Методы обратного вызова передаются в хэше опций при выполнении запроса -

new Ajax.Request('/some_url', {
   method:'get',
   onSuccess: function(transport) {
      var response = transport.responseText || "no response text";
      alert("Success! \n\n" + response);
   },
   onFailure: function() { alert('Something went wrong...') }
});

Здесь в хеше передаются два обратных вызова -

  • onSuccess
  • onFailure

Любой из двух вышеуказанных вызовов вызывается соответственно в зависимости от статуса ответа. Первым параметром, переданным обоим, является собственный объект xmlHttpRequest, из которого вы можете использовать его свойства responseText и responseXML соответственно.

Вы можете указать оба обратных вызова, один или ни одного - решать вам. Другие доступные обратные вызовы:

  • onUninitialized
  • onLoading
  • onLoaded
  • onInteractive
  • onComplete
  • onException

Все они соответствуют определенному состоянию транспорта xmlHttpRequest , за исключением onException, которое срабатывает при возникновении исключения при отправке других обратных вызовов.

NOTE- Обратные вызовы onUninitialized, onLoading, onLoaded и onInteractive не реализуются последовательно всеми браузерами. В общем, их лучше избегать.

Прототип методов AJAX

Объект Ajax предоставляет все необходимые методы для простой обработки запросов и ответов AJAX. Вот полный список всех методов, связанных с AJAX.

NOTE - Убедитесь, что у вас установлена ​​как минимум версия 1.6 prototype.js.

S.No. Метод и описание
1. Параметры Ajax

Это не метод, но подробно описываются все основные параметры, общие для всех запрашивающих AJAX и обратных вызовов.

2. Ajax.PeriodicalUpdater ()

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

3. Ajax.Request ()

Инициирует и обрабатывает запрос AJAX.

4. Ajax.Responders ()

Репозиторий глобальных слушателей, уведомляемых о каждом шаге запросов AJAX на основе прототипов.

5. Ajax.Response ()

Объект, переданный как первый аргумент всех обратных вызовов запросов Ajax.

6. Ajax.Updater ()

Выполняет запрос AJAX и обновляет содержимое контейнера на основе текста ответа.