Часть 2. Запросы методом POST и HEAD

1. Откройте файл проекта index.html, находящейся в папке ch_10_2.

2. В секции java-скрипта найдите комментарий

/*

** Задание 2: Напишите функцию showBooks …

*/

3. Необходимо написать функцию showBooks(), которая по выбранной в списке selCategory категории книги формирует асинхронный POST запрос к серверному сценарию postbooksbycat.php.

4. Сценарий postbooksbycat.php возвращает список книг указанной категории в следующем формате

автор|название|карнинка_имя_jpg_файла

5. Полученный список книг необходимо вывести в HTML элемент

<table id="tableBooks"></table>

6. Разработанная функция должна вызываться в событии onclick кнопки

<button onclick="">Показать</button>

7. Проверьте работоспособность страницы.

8. В секции java-скрипта найдите комментарий

/*

** Задание 3

** Измените сценарий так, чтобы список полученных книг запоминался в неком массиве

** При щелчке по строке таблицы, проверьте наличие файла-обложки (image) на сервере и

** выводите на экран изображение обложки полученной книги

*/

9. Необходимо реализовать сценарий (функцию), который при щелчке по ряду таблицы с информацией о книге проверяет наличие файла с изображением обложки на сервере (синхронный запрос методом HEAD) и выводит это изображение в HTML элемент img

<div id="divBookInfo">

<img src="" alt="" />

</div>

10. Изображения обложек книг находятся в каталоге \ajax\images.

11. Проверьте работоспособность полученного кода.

12. Доработайте функцию проверки наличия файла-изображения обложки книги так, что бы в атрибут alt изображения вписывалась бы информация о размере файла изображения, которую можно прочитать из заголовка Content‐Length при выполнении HEAD запроса.

Лабораторная работа 11

Передача сложных типов данных. Нотация JSON.

Цель

Научиться использовать нотацию JSON для обмена сложными составными типами данных между web-сервером и клиентом, выполнять их обработку (операции сериализации и десериализации).