
63
Рисунок 2.14 HTML-код представления
HTML-код, показанный на рисунке 2.14, строится средствами JSP. В разделе
body созданы:
- логотип заказчика (img id=‖user-logo‖),
- название заказчика и дополнительная информация (блок сlient-name),
- блок контента (div id=‖tabs‖).
После загрузки страницы в браузере срабатывает JavaScript код, который
блокирует доступ пользователя к интенет странице веб-интерфейса и реализует
AJAX-запросы к контроллеру. Контроллер предоставляет данные о пользователе
(блоки ―userlogo‖, ―сlient-name‖) и его компаниях и темах (блок ―tabs‖).
Контроллер возвращает запрошенную информацию адресанту, от которого
получил запрос. Затем полученная информация оперативно обрабатывается и
записывается в соответствующие блоки на странице веб-интерфейса (информация о
компаниях записывается в блок ―tabs‖ и др.).
Таким образом, веб-интерфейс становится заполненным актуальной
информацией, а пользователь получает доступ к управляющим элементам.
Обработка полученного ответа средствами JavaScript
JavaScript-код получает ответ от сервера в формате JSON. Далее для
преобразования данных формата JSON в объект JavaScript используется функция eval.
Функция eval, в качестве основного единственного параметра, принимает строку и
преобразует данную строку в объект. Например, eval(―{"result":true,"соunt":1}‖);
создаст 2 объекта: result со значением true и соunt равное 1.