Max Home IndustryВот пять руководств по освоению Ajax, технологии, которая позволяет обновлять веб-страницы асинхронно, негласно обмениваясь данными с веб-сервером. С помощью Ajax можно обновлять части веб-страницы без необходимости перезагружать всю страницу.
Ajax — один из наиболее важных методов разработки, появившихся с переходом на Web 2.0 в начале 21 века. В методологии используются установленные стандарты JavaScript, HTML, XML и, в последнее время, JSON, для создания интерактивных веб-приложений, в которых контент может обновляться динамически без необходимости полного обновления веб-страницы.
Основные преимущества использования Ajax связаны с повышенной скоростью и удобством использования веб-приложений. Многие популярные сервисы, такие как Netflix, используют вызовы Ajax, например, позволяя пользователям оценивать телешоу без перезагрузки страницы. Другой вариант использования очевиден на сайтах, которые полагаются на контент, создаваемый пользователями, таких как Reddit, на которых пользователи могут оценивать сообщения и оставлять комментарии без необходимости обновлять страницу.
Некоторые другие полезные вещи, которые вы можете делать с помощью Ajax, включают задачи загрузки файлов Ajax, которые позволяют пользователям загружать файлы, не требуя полного обновления веб-страницы, и форму автозаполнения, которая использует Ajax для предложения пользователям условий поиска (см. Следующую вики страницу ресурсов по загрузке файлов Ajax).
Учебники могут стать полезной отправной точкой для программистов, которые хотят понять методы Ajax и использовать этот мощный инструмент при создании своих веб-приложений. В Интернете доступно множество высококачественных и бесплатных руководств, о пяти лучших из которых вы узнаете в этой статье.
W3Schools Ajax Введение
Это руководство от W3Schools предназначено для начинающих пользователей Ajax, но предполагается, что у вас есть некоторые знания XML, HTML и Javascript. Учебное пособие научит вас начинать с базового практического примера того, что может делать Ajax, прежде чем изучать код, используемый для того, чтобы этот пример работал. Также есть ссылка на страницу, на которой вы можете попробовать написать код самостоятельно и посмотреть, как он работает.
Tutorialspoint Изучение Ajax
Этот учебник от Tutorialspoint, предназначенный для веб-разработчиков, знакомых с HTML и JavaScript, является еще одной отличной отправной точкой для разработки Ajax. Это руководство начинается с общего обзора и объяснения Ajax, прежде чем перейти к рассмотрению некоторых примеров. Вы также узнаете о других важных аспектах Ajax, включая безопасность, операции с базами данных и некоторых текущих проблемах, таких как растущая сложность логики представления на веб-сайтах.
Mozilla Ajax Приступая к работе
Этот ресурс от Mozilla рассматривает основы Ajax, с особым акцентом с самого начала на объекте Javascript XMLHttpRequest, который позволяет веб-приложениям взаимодействовать с серверами. Вы узнаете, как отправить HTTP-запрос в дополнение к обработке ответа сервера. Руководство Mozilla завершается примером использования ajax для отправки данных на сервер и получения ответа.
Ресурс W3: Работа с Ajax, PHP и MySQL
В этом руководстве по ресурсам W3 основное внимание уделяется варианту использования Ajax для работы с PHP и MySQL в простом веб-приложении. Идея состоит в том, что когда пользователь начинает вводить поле, запрос Ajax отправляется на сервер PHP, который запрашивает таблицу MySQL. Затем пользователю отображаются результаты запроса. Это пример того, как добиться автозаполнения формы, для чего часто используются методы Ajax.
LearnWebCode JSON и AJAX Учебное пособие
В этом 40-минутном видеоуроке рассматриваются Ajax и JSON, в частности, рассказывается, как их можно использовать вместе для обновления данных веб-страницы на лету. Есть несколько реальных примеров, за которыми вы можете следить, перейдя по ссылкам, указанным в описании видео.
Заключительные мысли
Эти пять руководств предоставляют обширные знания бесплатно, и они действительно могут помочь вам познакомиться с Ajax и дать вам хорошие базовые практические знания об этом полезном наборе методов разработки. Также важно следовать некоторым передовым методам разработки Ajax, в том числе:
Сведите к минимуму количество обращений к более эффективным веб-приложениям, по возможности объединяя их в меньшее количество вызовов.
Убедитесь, что объем данных, передаваемых между сервером и клиентом, как можно меньше, возможно, используя JSON поверх XML.
Используйте существующие наборы инструментов и фреймворки для вызовов Ajax, например Dojo и jQuery.
Объединение знаний, которые вы почерпнули из этих руководств, с некоторыми передовыми практиками Ajax, поможет вам на пути к разработке веб-приложений с широким спектром интерактивных функций, таких как загрузка файлов Ajax, автозаполнение форм и сценарии голосования.
Изображение предоставлено: Gengns-Genesis