Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30


Чувашия-это моя Россия

Технология Ajax.

Все новое, что появляется в мире открывается на стыке проблем. Из-за отсутствия сырьевых ресурсов, малой производительности технологий и т.д. Но самым большим стимулятором научных разработок является простая человеческая лень.

При необходимости представить информацию из базы данных, отправки электронного письма с результатами заполненной формы, при поиске в базе данных требуется либо связаться с веб-сервером, либо покинуть страницу поиска и переходить к странице с данными, то есть приходится ждать. Но, нам лень.

Ожидание загрузки новых страниц занимает какое-то время. Допустим, Вы работаете с программой Microsoft Word, и каждый раз, когда открываете новый файл, программные меню, панели и окна вдруг исчезают и затем вновь появляются с открытием нового файла. Правда, действует на нервы.

Сайты, подобные Facebook, Twitter, Google Maps и Gmail стирают грань между сайтами и прикладными программами. От сайтов посетители ждут быстроты и интерактивности, как и от компьютерных программ. Технология программирования, делающая возможным появление суперскоростных веб-приложений называется Ajax. Ajax — сокращенное от первых букв Asynchronous JavaScript and XML ( асинхронные JavaScript и XML).

Технология Ajax дает возможность веб-странице запрашивать данные и получать ответы от веб-сервера, обновляться без необходимости в загрузке новой страницы. Поэтому страницы сайта становится более интерактивными и удобными в работе. Как удобно теперь работать спутниковыми картами, перемещаться во всех направлениях и даже перетаскивать, не загружая новую страницу. Все это технология Ajax.

Ajax не является официальной технологией вроде HTML, JavaScript или CSS. Под этим термином следует понимать сочетание ряда технологий — языка JavaScript, браузера и веб-сервера — для получения и отображения обновленной информации без загрузки новой страницы. Браузеры позволяют с помощью кода JavaScript посылать запрос на веб-сервер, который в ответ присылает браузеру некоторые данные. Программа JavaScript берет эти сведения и имеет следующие возможности:

-Отображения нового HTML-материалов без перезагрузки страницы. Например, на странице, где перечисляются заголовки новостей и отображаются статьи, когда посетитель щелкает по заголовку, можете избавить посетителя от ожидания, пока загрузится новая страница. Вместо этого новостная статья может появиться на той же странице без необходимости в перезагрузке остальных ее элементов.

-Отсылки формы и немедленного показа результата. Например, возьмем форму для подписки на рассылку новостей. После заполнения и отправки она исчезает, зато немедленно появляется сообщение " Вы подписаны на рассылку новостей".

-Авторизации без ухода со страницы. Еще одним примером использования языка JavaScript является страница с небольшой формой авторизации. Заполнив ее, Вы нажимаете кнопку Login и оказываетесь авторизованным, страница трансформируется, показывая Ваш статус, имя пользователя и, возможно, другую информацию специально для Вас.

-Назначения рейтинга. На сайтах со списками книг, фильмов и других товаров часто можете видеть линейки рейтингов ( обычно включающих от одной до пяти звезд), иллюстрирующих оценку качества товаров посетителями. Эта рейтинговая система позволяет выразить свое мнение, выбрав желаемое количество звезд. С помощью технологии Ajax можете предоставить посетителям возможность отдать предпочтение без необходимости покидать страницу: все, что они должны сделать, — это выбрать количество звезд.

-Обзора информации базы данных. Интернет-магазины представляют собой типичный пример сетевой базы данных, которую можете просматривать. Когда ищете в магазине литературу, скажем, по теме JavaScript, то получаете список книг по JavaScript, продаваемых на сайте. Обычно позиций бывает так много, что все они не умещаются на странице, что вынуждает переходить от страницы к странице, чтобы увидеть " следующие 10 позиций". С помощью технологии Ajax сможете просматривать базу данных без необходимости переходить на другую страницу.

Технология Ajax на сервисе Twitter: при просмотре своей страницы видите несколько твитов пользователей, за чьими сообщениями Вы следите. Если до конца прокрутите страницу, то сервис загрузит больше твитов. Прокрутите снова — появится еще больше сообщений. Похоже, что страница никогда не закончится.

Среди приведенных выше задач нет ничего революционного, за исключением упоминания об отсутствии необходимости загружать новую страницу. Тех же результатов можно достичь с помощью обычного HTML-кода и серверного программирования (например, для сбора данных форм или доступа к информации баз данных). Однако технология Ajax повышает интерактивность веб-страниц и улучшает впечатление посетителя от использования сайта. По сути, Ajax позволяет создавать сайты, больше напоминающие прикладные программы, нежели веб¬страницы.

Тогда где сама технология Ajax?

Рассматриваемые в совокупности технологии, которые лежат в основе Ajax, достаточно сложны. Это язык JavaScript, серверное программирование и браузер, функционирующие совместно. Тем не менее базовую концепцию легко понять, если иметь ясное представление обо всех компонентах в отдельности.

Ajax нельзя рассматривать как самостоятельную технологию, так как это смесь ряда технологий, функционирующих совместно для повышения эффективности работы пользователя. Ajax сводит вместе три разных компонента.

Традиционный способ общения браузера с веб-сервером заключается в запрашивании файла с сервера и получении в ответ веб-страницы. При этом происходят постоянные загрузка и перезагрузка веб-страниц. При использовании технологии Ajax браузер запрашивает только новую информацию. Сервер возвращает запрошенные данные, в результате чего обновляются содержимое и вид веб-страницы ( с помощью кода JavaScript).

Браузер — необходим для просмотра веб-страниц и применения кода JavaScript. Есть секретный инструмент, встроенный в большинство современных обозревателей и делающий использование Ajax возможным, — объект XMLHttpRequest. За этим странно звучащим термином объект XMLHttpRequest стоит как раз то, что позволяет коду JavaScript общаться с веб-сервером и получать в ответ информацию.

Код JavaScript выполняет главные функции Ajax: посылает запрос на веб-сервер, ожидает ответ, обрабатывает его и обновляет страницу, добавляя новые данные или изменяя облик страницы определенным образом. В зависимости от того, что хотите от программы, код JavaScript может посылать данные заполненной формы, запрашивать дополнительные записи из базы данных или просто отправлять фрагмент информации. После отправки данных на сервер программа JavaScript будет готова принять ответ, например, дополнительные записи из базы данных или просто сообщение. Получив информацию, код JavaScript обновляет страницу — представляет новые записи базы данных или, например, сообщает посетителю, что он успешно авторизован. Обновление веб-страницы включает манипулирование ее объектной моделью для добавления, изменения и удаления тегов и HTML-контента.

Веб-сервер получает запросы от браузера и отправляет ему информацию. Сервер может просто вернуть определенный HTML-код или простой текст, а может — документ XML или данные JSON. JSON - JavaScript Object Notation — текстовый формат обмена данными, основанный на JavaScript. Как текстовый формат, JSON легко читается.

При получении информации из формы сервер может добавить ее в базу данных и отослать обратно сообщение, подтверждающее, что данные добавлены. Программа JavaScript также может послать запрос на следующие 10 записей базы данных, и веб-сервер в ответ пришлет информацию по этим 10 записям.

Серверная часть может внести некоторую путаницу. Она обычно задействует несколько различных технологий, включая веб-сервер, сервер приложения и сервер базы данных. Веб-сервер представляет собой нечто вроде картотеки: он хранит документы и отсылает их по запросу браузера. Для выполнения более сложных задач, таких как передача сведений из формы в базу данных, понадобятся сервер приложения и сервер базы данных. Первый понимает языки серверного программирования — PHP, Java, С#, Ruby или Cold Fusion Markup — и позволяет выполнять задачи, которые нельзя решить только с помощью HTML-страницы ( вроде отправки электронной почты, проверки цен на книги на сайте интернет-магазина или хранения информации в базе данных). Второй дает возможность хранить такую информацию, как имена и адреса покупателей, описание товаров или архив. К числу распространенных серверов баз данных относятся MySQL, PostgreSQL и MS SQL Server.

Термин 'сервер' можно отнести как к оборудованию, так и к программному обеспечению. Существует множество разных сочетаний веб-серверов, серверов приложений и серверов баз данных. Можете использовать веб-сервер Microsoft IIS с ASP.NET ( сервер приложения) и SQL Server (сервер базы данных), Apache (веб-сервер), РНР (сервер приложения) и MySQL (база данных).

Применяется сочетание бесплатных серверов Apache, РНР и MySQL ( часто называемое AMP). Большинство хостинговых компаний предоставляют именно эти серверы.

Ajax работает с веб-сервером. Его главная задача — позволить коду JavaScript посылать информацию и получать ее с сервера.

Если Вы создали свой сайт, то можете протестировать программы Ajax путем перемещения Ваших файлов на веб-сервер. К сожалению, этот способ является трудоемким: Вам придется создавать веб-страницы на компьютере и затем перемещать их на сервер с помощью программы FTP, просто чтобы проверить, функционируют они или нет. Лучше создать сервер разработки, что предусматривает установку веб-сервера на Ваш компьютер, это позволит программировать и тестировать Ваши Ajax-страницы прямо на рабочем месте. Подобная задача может казаться устрашающей, но есть большое количество бесплатных программ, делающих установку всех необходимых компонентов такой же простой процедурой, как двойной щелчок кнопкой мыши по значку.

Однако, прежде чем заняться 'Ajax-программированием' и писать коды, тестировать их надо десятки раз прочитать саму технологию Ajax, каким образом происходит процесс обмена, то есть в чем секрет объекта XMLHttpRequest. Там скрыто много подводных камней, о которых почему-то сразу никто не предупреждает. Кроме всего прочего сама процедура оформления кодов программ на сервере разработки требует исключительной академичности и знания предмета. При малейшем, скажем, небрежном и незавершенном коде программы Ваш сервер окажется легко доступным и вся личная информация окажется в руках злоумышленников.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: