Учебники

Прототип и учебник AJAX

Сентябрь 15, 2018

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

Для полного понимания AJAX, пожалуйста, ознакомьтесь с нашим простым AJAX Tutorial .

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

Prototype Framework позволяет вам легко и весело обрабатывать вызовы 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, который срабатывает при возникновении исключения во время отправки других обратных вызовов.

ПРИМЕЧАНИЕ. — Обратные вызовы onUninitialized, onLoading, onLoaded и onInteractive не реализованы согласованно всеми браузерами. В общем, лучше избегать их использования.

Прототип AJAX Методы

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

ПРИМЕЧАНИЕ. — Убедитесь, что у вас есть хотя бы версия 1.6 файла prototype.js.

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

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

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

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

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

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

46
Share: