Все мы знаем об html-тегах, таких как <p>, <h1>, <div>, <span> и так далее. Все они выполняют самую обычную роль – отображение какого-либо медиа-контента. И весь этот медиа-контент загружается самым стандартным образом, простым потоком с сайта.
А что, если хочется отобразить на сайте что-то с другого сайта, например, калькуляторы услуг различных компаний, виджеты погоды, курса валют или просто страницы другого сайта? Для этого у нас есть iframe. Необычный тег, нестандартный тем, что отображает медиа-контент по ссылке. Захотели что-то отобразить у себя на сайте, вставили iframe с ссылкой, и вуаля – контент уже на вашем сайте.
Самая замечательная особенность iframe заключается в том, что при работе с медиа-контентом внутри iframe ваши действия никак не влияют на загруженную страницу в целом. Захотели нажать на ссылку внутри iframe? Без проблем, браузер не перезагрузит страницу, а просто загрузит новый контент внутри iframe.
Это чем-то похоже на технологию AJAX. Данные на странице грузятся также без перезагрузки страницы, в параллельном потоке. И при этом использовать iframe гораздо проще. Достаточно написать тег iframe и указать ссылку, откуда брать контент.
Контент можно загружать не только с других сайтов, но и со своего сайта. Нужно только подготовить правильную выдачу контента (без шапки и подвала сайта, оставив только нужные данные). Таким образом можно заставить работать сайт полностью без перезагрузки страницы, как будто на AJAX.
В чем отличие AJAX от iframe?
Вам конечно интересно, зачем же тогда вообще использовать AJAX?! Почему у всех на слуху AJAX, а не iframe?! Дело в том, что, загружая данные через iframe, Вы имеете менее удобный доступ ко всем данным внутри iframe (если пытаетесь к ним обратиться с основной части страницы) и не имеете доступа к данным, находящимся вне iframe (если пытаетесь обратиться к основной части страницы изнутри iframe). Это происходит из-за соображений безопасности – во избежание взломов один сайт не может иметь прямого доступа к другому сайту через iframe (ни снаружи внутрь, ни изнутри наружу).
С помощью AJAX Вы можете загрузить необходимые данные с другого сайта и представить их в том виде, в каком Вы хотите. С iframe у Вас это не получится. Поэтому технология AJAX хоть и более сложная, она является более безопасной и более гибкой по сравнению с iframe. В связи с этим, возможностей у AJAX намного больше. Ну а iframe – это просто полезная технология для быстрой интеграции различных виджетов на сайте.