марта 15, 2015

Как lookgid.com подружился с AJAX

При разработке сайта lookgid.com мы создали различные кнопки, такие как подписаться, отписаться и кнопки, по типу мне нравится - лайк. 



В результате тестов поняли, что при нажатии на них, страница сайта обновляется и это не совсем удобно для пользователя.


И нам пришла в голову идея о том, что необходимо прикрутить более продвинутую технологию по типу AJAX,  которая работает без перезагрузки страницы, что хорошо сказывается на скорости сайта и при этом отсутствуют дополнительные запросы в БД. 

Такая технология играет особую роль на сайте lookgid.com, потому что пользователю не приходится ждать пока загрузится страница сайта.

Вообще Ajax(Аякс) — относительно новое направление в Web-дизайне, созданное Джеймсом Гареттом в 2005 году. 

По-английски AJAX произносится, как «э́йджэкс», по-русски довольно распространено «ая́кс».

AJAX, Ajax (ˈeɪdʒæks, от англ. Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. 

Модель классических приложений для сети (слева) в прямом сравнении с применением Ajax (справа).

В результате, при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся быстрее и удобнее.

Так же на примере AJAX сделан всеми любимый Google Maps. Именно благодаря этой технологии существует плотное взаимодействие с картой. И при этом, вы не обновляете страницу. Что бы начать разработку AJAX приложений, нужно знать JS, HTML, dHTML, PHP, CSS и Document Object Model(DOM). Это достаточно много языков. По сути ни каждый знает и тегов HTML, поэтому изучение AJAX будет длительным для новичка. Хотя некоторые программисты на AJAX утверждают, что достаточно знать HTML и основ JS, PHP. Итак, AJAX это новый взгляд на привычные всем вещи, а точнее совмещение этих вещей.

Комментариев нет:

Отправить комментарий