13. Создание динамического наполнения страницы. JavaScript-библиотеки и технология Comet

В данной лекции рассматриваются основы представления объектов в виде Json, JavaScript-библиотеки ExtJS, Prototype и iQuery, а также модель работы Веб-приложений Comet

Содержание

13.1. Представление объектов в виде JSON

• 13.1.1. Использование

• 13.1.2. Синтаксис

• 13.1.3. Использование JSON в Ajax

• 13.1.4. Вопросы безопасности

• 13.1.4.1. JavaScript eval()

• 13.1.4.2. Подделка кроссдоменного запроса

13.2. Библиотека ExtJS

• 13.2.1. Объектно-ориентированное программирование

  • 13.2.1.1. Ext.namespace

  • 13.2.1.2. Ext.override

  • 13.2.1.3. Ext.extend и соглашения о параметрах конструкторов

  • 13.2.1.4. Ext.apply

  • 13.2.1.5. Ext.applyIf

• 13.2.2. Построение веб-интерфейсов

• 13.2.3. Использование CSS

• 13.2.4. Основные компоненты и возможности

• 13.2.5. Визуальные компоненты

13.3. Библиотека Prototype

• 13.3.1. Возможности

  • 13.3.1.1. Функция $()

  • 13.3.1.2. Функция $$()

  • 13.3.1.3. Функция $F()

  • 13.3.1.4. Функция $A()

  • 13.3.1.5. Функция $H()

  • 13.3.1.6. Объект Ajax

  • 13.3.1.7. Класс Element

• 13.3.2. Объектно-ориентированное программирование

13.4. Библиотека jQuery

• 13.4.1. Философия

• 13.4.2. Использование

• 13.4.3. Функция $()

  • 13.4.3.1. $(html)

  • 13.4.3.2. $(elems)

  • 13.4.3.3. $(expr[, context])

• 13.4.4. Инициализация

• 13.4.5. Управление элементами документов и их свойствами

  • 13.4.5.1. Последовательный вызов функций

• 13.4.6. Работа с индивидуальными элементами

  • 13.4.6.1. Индексы и get([index])

  • 13.4.6.2. each(fn)

• 13.4.7. Анимации

  • 13.4.7.1. Animate

  • 13.4.7.2. Эффекты

• 13.4.8. AJAX

13.5. Модель работы веб-приложений Comet

• 13.5.1. HTTP server push

• 13.5.2. Pooling

13.6. Ключевые термины

13.7. Краткие итоги

13.1. Представление объектов в виде json

JSON (JavaScript Object Notation) – текстовый формат обмена данными, основанный на JavaScript и обычно используемый именно с этим языком [1]. Как и многие другие текстовые форматы, JSON легко читается людьми.

Несмотря на происхождение от JavaScript, формат считается независимым от языка и может использоваться практически с любым языком программирования. Для многих языков существует готовый код для создания и обработки данных в формате JSON.

13.1.1. Использование

Практическая польза использования JSON открывается при использовании технологии AJAX. Формат JSON является более кратким и удобочитаемым по сравнению с XML, является "родным" для JavaScript (преобразуется в структуру данных встроенной функцией eval()). Кроме того, в JSON-код возможна вставка вполне работоспособных функций.

13.1.2. Синтаксис

Следующий пример показывает JSON-представление объекта, описывающего человека. В объекте есть строковые поля имени и фамилии, объект, описывающий адрес, и массив, содержащий список телефонов:

{

"firstName": "Иван",

"lastName": "Иванов",

"address": {

"streetAddress": "Московское ш., 101, кв.101",

"city": "Ленинград",

"postalCode": 101101

},

"phoneNumbers": [

"916 123-4567"

]

}

На языке XML подобная структура выглядела бы примерно так:

<person>

<firstName>Иван</firstName>

<lastName>Иванов</lastName>

<address>

<streetAddress>Московское ш., 101, кв.101</streetAddress>

<city>Ленинград</city>

<postalCode>101101</postalCode>

</address>

<phoneNumbers>

<phoneNumber>916 123-4567</phoneNumber>

</phoneNumbers>

</person>