AJAX, несомненно, является одной из самых популярных технологий веб-разработки в 2005 году. Конечно, эту заслугу нельзя отделить от Google. Я обычный разработчик и не особо использую AJAX, просто поделюсь своим опытом его использования. (В этой статье предполагается, что у пользователя уже есть базовые возможности веб-разработки, такие как JavaScript, HTML и CSS.)
[Введение в AJAX]
Ajax — это метод разработки веб-приложений, который использует сценарии на стороне клиента для обмена данными с веб-сервером. Веб-страницы можно динамически обновлять, не прерывая процесс взаимодействия и не редактируя их повторно. Используя Ajax, пользователи могут создавать прямые, высокодоступные, более функциональные и динамичные пользовательские веб-интерфейсы, близкие к собственным настольным приложениям.
Асинхронный JavaScript и XML (AJAX) не является новой технологией, но использует несколько существующих технологий, в том числе каскадные таблицы стилей (CSS), JavaScript, XHTML, XML и расширяемые преобразования языка стилей (XSLT), для разработки программного обеспечения веб-приложений с внешним видом и действиями, аналогичного настольное программное обеспечение.
[Принцип выполнения AJAX]
Взаимодействие Ajax начинается с объекта JavaScript под названием XMLHttpRequest. Как следует из названия, он позволяет клиентскому сценарию выполнять HTTP-запросы и анализировать ответ сервера в формате XML. Первым шагом в обработке Ajax является создание экземпляра XMLHttpRequest. Используйте метод HTTP (GET или POST) для обработки запроса и установите целевой URL-адрес для объекта XMLHttpRequest.
Когда вы отправляете HTTP-запрос, вы не хотите, чтобы браузер зависал и ждал ответа от сервера. Вместо этого вы хотите продолжать отвечать на взаимодействия с интерфейсом пользователя через страницу и обрабатывать ответы сервера, как только они действительно поступят. Для этого вы можете зарегистрировать функцию обратного вызова с помощью XMLHttpRequest и асинхронно отправлять запрос XMLHttpRequest. Управление тут же возвращается браузеру, и при поступлении ответа сервера будет вызвана функция обратного вызова.
[Практическое применение AJAX]
1. Инициализация Ajax
Ajax фактически вызывает объект XMLHttpRequest, поэтому сначала мы должны вызвать этот объект. Мы создаем функцию для инициализации Ajax:
/**.
* Инициализировать объект xmlhttp.
*/
функцияInitAjax()
{
вар аякс = ложь;
пытаться {
ajax = новый ActiveXObject("Msxml2.XMLHTTP");
} поймать (е) {
пытаться {
ajax = новый ActiveXObject("Microsoft.XMLHTTP");
} поймать (E) {
аякс = ложь;
}
}
если (!ajax