AJAX. Вступительный урок
Понедельник, 12 сентября 2011 г.Рубрика: AJAX
Метки: ajax | javascript | js
Просмотров: 497
Подписаться на комментарии по RSS
AJAX, или - Asynchronous JavaScript и XML, это технология для создания быстрых и динамических страниц.
Простым примером может послужить регистрация на каком-нибудь сайте, который использует эту технологию. Когда Вы вводете имя, то система сразу проверяет свободно ли вводимое Вами имя и выдаёт Вам результат. То есть сайт считывает данные из текстового поля, проверяет на стороне сервера - есть ли такое имя в базе и посылает браузеру нужные данные, благодаря чему мы получаем сообщение о том, занято ли имя или нет.
Получается что технология ajax позволяет выполнять нужные нам функции без перезагрузки всей страницы, что значительно ускоряет работу нашего сайта и делает его намного мощнее!
Давайте разберёмся как же работает эта технология.
Пользователь, например, нажимает на кнопку и дальше в дело вступает скрипт обработчик, написанный на ajax, он, скажем, принимает введённые в текстовое поле данные и отправляет их на обработку серверу, сервер обрабатывает полученные данные и отправляет какой-то результат обратно скрипту, после чего скрипт выводит полученные данные на экран в определённый блок страницы. Стоит заметить, что скрипт всё делает в тайне от пользователя, а пользователь получает только конечный результат выполнения скрипта. И вывод данных мы можем сделать в любой блок на сайте, в любую часть страницы.
Ещё одним примером использования ajax может послужить поисковая система Google. Когда Вы начинаете вводить запрос, то Вам сразу начинают показываться результаты без нажатия на кнопку искать. Это и есть ajax, google связывается с сервером, получает нужные данные и тут же их выводит к Вам на экран, согласитесь, очень удобно!
Вам наверно интересно в каком языке используется эта технология? Эта технология используется в JavaScript.
Потому что JavaScript - это язык, который исполняется на стороне клиента а не сервера, что позволяет изменять страницу как нам захочется без её перезагрузки.
Можно рассмотреть простой пример без ajax, просто JavaScript.
Вы нажимаете на кнопку и Ваш скрипт вставляет в текстовое поле какое-то слово - получается - изменяется значение текстового поля без перезагрузки страницы.
Если Вам интересно - то не каких дополнительных библиотек ставить не нужно. Нам нужно будет писать скрипт обработчик.
А вообще что в нём должно быть?
Мы должны по какому-то действию на странице отправить нужные данные скрипту обработчику, нужно будет установить каким типом мы будем передавать данные скрипту - POST или GET, и конечно же при получении ответа вывести нужные данные!
Непосредственно о написании скриптов на ajax мы с Вами поговорим в следующих уроках!
Поделиться...
Оставьте свой комментарий!
А разве для исполнения кода сначала не надо клиенту подгрузить библиотеки типа jQuery?
И как вы считаете, безопаснее подгружать пользователям (или посетителям) библиотеки со своего сервера, или с google, как сейчас советуют во многих блогах по тематике веб программирования?
И еще я не нашел урока по модальным окнам, может плохо искал, но хотелось бы подробно, примерами и описанием возможных проблем.
Вот именно - JQuery - это библиотека! Не было бы в javascript возможности асинхронного обмена данными, то и библиотека не позволяла бы этого сделать. Вообще jquery - создан для упрощения написания кода с использованием асинхронной передачи данных, да и вообще программировать в javascript с использованием jquery намного проще! В нём не нужно создавать объект для подключения, учитывать что пользователь смогут зайти со старых версий браузеров, не нужно писать функцию send, короче плюсов использования библиотеки море, НО - ДЛЯ НАЧАЛА НУЖНО ПРОЧИТАТЬ КАК ВСЁ ЭТО УСТРОЕНО - ТОЛЬКО ПОСЛЕ ТОГО КАК ВЫ ВСЁ ПОЙМЁТЕ, ТО СМОЖЕТЕ ИСПОЛЬЗОВАТЬ БИБЛИОТЕКУ JQUERY, ПОНИМАЯ КАК ОНА РАБОТАЕТ!
Если подгружать с google, то безопасность от этого не ухудшится, Вы просто сэкономите немного места на сервере - примерно к.б. - 300...
Подгружать лучше со своего сайта, если тот сайт, с которого Вы подгружаете библиотеки, будет не доступен, то все скрипты перестанут работать.
Пока что урока по модальным окнам нет, но вскоре его обязательно напишем, и там будем использовать библиотеку jquery - так проще для всех!
Очень полезная статья.Всегда хотел узнать в подробностях что же такое JavaScript и с чем его едят. Автор все довольно доступно и понятно обьяснил.Спасибо большое.
Полезная функция, а главное пользователю очень удобно при в вводе данных всё упрощается и ускоряет работу и оставляя приятные впечатления у посетителя сайта
Очень полезная статья.Всегда хотел узнать в подробностях что же такое JavaScript и с чем его едят. Автор все довольно доступно и понятно обьяснил.Спасибо большое.
Полезная функция, а главное пользователю очень удобно при в вводе данных всё упрощается и ускоряет работу и оставляя приятные впечатления у посетителя сайта
И как вы считаете, безопаснее подгружать пользователям (или посетителям) библиотеки со своего сервера, или с google, как сейчас советуют во многих блогах по тематике веб программирования?
Ответ на Ваш вопрос уже был дан:
Если подгружать с google, то безопасность от этого не ухудшится, Вы просто сэкономите немного места на сервере - примерно к.б. - 300...
Подгружать лучше со своего сайта, если тот сайт, с которого Вы подгружаете библиотеки, будет не доступен, то все скрипты перестанут работать.