Домашнее задание по JavaScript в браузере. Основы AJAX и COMET

Задача №1

Написать код для серверной и клиентской части

Клиентская часть. Страница search.html поисковой системы состоит из трех частей: текстового поля, div'а для подсказок и div'a для результатов поиска. При вводе символов в текстовое поле с задержкой, препятствующей слишком частой отправке запросов, метедом GET отправляется содержимое поля на search.php. В ответ сервер присылает подсказки, которые отображаются с слое для подсказок. При клике на подсказку отправляется POST-запрос на search.php. В ответ сервер присылает 2 результата запроса для этой подсказки, у каждого результата есть заголовок и описание. Результаты попадают в слой для результатов. Ответ сервера в json. Транспорт AJAX-запросов - XMLHttpRequest

Серверная часть. Список подсказок: "javascript", "java", "download", "downtown", "Dow!", "Ad". Подсказка "Ad" возвращается при любом присланном тексте, все остальные - при совпадении по первым символам. В качестве результатов присылаются произвольный заголовок и описание для каждого результата, заголовок должен содержать подсказку, описание должно иметь два вхождения подсказки.

Пример. Начинаем печатать "jav", подгружаются 3 подсказки "java", "javascript" и "Ad". При клике на "java" подгружаются результаты, один из которых выглядит как:

Справочники по java

Полные руководства, справочник по теме java. Для тех, кто ищет java - самый правильный ресурс.

Задача №2

Написать код для серверной и клиентской части

Клиентская часть. Пустая страница scroll.html со скриптом. При загрузке страницы скрипт аяксом с days.php подгружает необходимое количество элементов. Высота элемента - 300px, необходимое количество - это количество элементов, позволяющее заполнить страницу полностью по высоте + 1 элемент (для появления вертикального скролла). Элемент - это блок div, содержащий свой порядковый номер и названия дня недели на английском. При скролле страницы до самого низа подгружается еще 5 элементов. Транспорт AJAX-запросов - JSONP

Серверная часть. Файл days.php принимает запросы с двумя параметрами - limit (количество возвращаемых элементов) и from (с какой позиции генерировать элементы). Возвращает порядковый номер и день недели на английском.

Пример. Изначально страница пуста. После окончания загрузки аяксом добавляется на страницу 3 блока:

1. Monday
2. Tuesday
3. Wednesday

Скроллим страницу до самого низа, добавляются элементы:

1. Monday
2. Tuesday
3. Wednesday
4. Thursday
5. Friday
6. Saturday
7. Sunday
8. Monday

И т.д.

Указания по выполнению задания

Ссылка на полную версию этой страницы