Часть 3. Вывод результата авторизации.

1. Продолжаем работать с файлом index.html, из каталога ch_14_1.

2. Реализуем пункты 2.5 и 2.6 Части 1.

3. В файле index.html найдите следующий комментарий

/*

Задание 3

В зависимости от значения свойства user.name. …

*/

4. Дописываем код функции showUserData().

5. В HTML объект <div id="divResult"></div> выведите результат анализа поля user.name ответа сервера. Если поле не пустое, то поприветствуйте пользователя и позлравте его с успешной авторизацией, иначе огорчите сообщением, что пароль не верен.

Часть 4. Загрузка больших объемов данных (глав книги).

1. В следующих двух частях лабораторной работы реализуем загрузку больших объемов данных с помощью AJAX запроса. В качестве примера выбрали загрузку глав книги А. и Б. Стругацких «Понедельник начинается в субботу». Эта книга представлена в XML формате FB2 (http://www.fictionbook.org). Задача скрипта – показать очередную главу книги на экране. Поскольку имеем дело с XML форматом хранения данных, то наиболее эффективный способ для загрузки – XSLT преобразование в HTML.

2. Реализуем получение очередной главы книги и вывод пользователю предупреждающего сообщения о загрузке данных, так как эта загрузка может продолжаться некоторое время.

3. Откройте в проекте файл index.html, из каталога ch_14_2.

4. Доработайте функцию инициализации страницы «привязанную» к событию window.onload.

- отобразите предупреждающее сообщение пользователю о загрузке данных – установите у объекта HTML страницы divMessageLoad свойство display = "block"

- с помощью асинхронного GET запроса получите XSLT преобразования в переменную fb2html.

- уберите сообщение пользователю о загрузке данных – установите у объекта HTML страницы divMessageLoad свойство display = "none"

- выполните загрузку первой главы – вызовите функцию getChapter(1).

5. В файле index.html найдите следующий комментарий

/*

Задание 1. Функция загрузки главы книги

** Покажите сообщение пользователю о загрузке данных …

*/

6. Доработайте функцию getChapter(no).

7. Для отображения предупреждающего сообщения перед AJAX запросом установите у объекта divMessageLoad свойство display = "block".

8. Сформируйте и выполните асинхронный GET запрос к серверу serverXml (глобальная переменная), передавая ему параметр no с номером запрашиваемой главы (это аргумент функции).

9. Получите XML данные

10. В целях отладки выведите с помощью функции alert() ответ сервера.

11. Если получен корректный ответ от сервера, то вызовите функцию showChapter, передавая ей параметры полученный DOM документ и номер текущей главы.

Часть 5. Показ главы книги.

1. Продолжаем работать с файлом index.html, из каталога ch_14_2.

2. Найдите следующий комментарий

/*

Задание 2. Показ главы книги

** Допишите функцию showChapter. На основании переменной currentChapter …

*/

3. Доработайте функцию showChapter(). На основании переменной currentChapter сформируйте ссылки «Следующая глава» и «Предыдущая глава», загружающие следующую и предыдущую главу книги. Для загрузки используйте функцию getChapter(no).

4. Выведите эти ссылки в объект divChapters HTML страницы.

5. Произведите XSLT преобразование полученной главы (переменная xmlDOM) с помощью загруженного преобразования fb2html. Преобразование выполните с помощью функции xsltTransform(xmlDOM, fb2html).

6. Результат преобразования выведите в объект divResult

7. «Погасите» сообщение пользователю о загрузке данных, устанавливая свойство display = “none” для объекта HTML страницы divMessageLoad.

92