SlideShare a Scribd company logo
JQuery
JQuery
JQuery
Отмена действия браузера


   Воспользуемся объектом из JavaScript – событие (event)

   Список свойств: http://javascript.ru/tutorial/events/properties




Для отмены действия браузера существует стандартный метод:
                 event.preventDefault()
Формат JSON

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

Несмотря на происхождение от JavaScript (точнее, от подмножества
языка стандарта ECMA-262 1999 года), формат считается
языконезависимым и может использоваться практически с любым
языком программирования.

Для многих языков существует готовый код для создания и обработки
данных в формате JSON.




Подробности: http://json.org/
JSON
XML
Кроссдоменные запросы

JSONP (JSON Padding) или «JSON с подкладкой» является
расширением JSON, когда имя функции обратного вызова
указывается в качестве входного аргумента.

Без использования технологии JSONP
 (то есть используя просто JSON кодирование данных)
сервер может вернуть только данные:
Кроссдоменные запросы

Используя технику JSONP, стороннему серверу передается в
строке вызова (GET) имя callback функции. Здесь параметр
callback содержит имя функции parseResponse.

<script
        type="text/javascript"
        src="http://server.ru/getjson?callback=parseResponse">
</script>
Теперь посторонний сервер server.ru может вернуть следующий код:



Теперь код вызывает javascript-функцию первого домена.
getJSON




http://jquery-docs.ru/ajax/jquery-getjson/
getJSON
В результате выполнения этого кода, браузер совершит GET запрос
к серверу search.twitter.com и получит данные в формате JSON,
обернутые в специальную callback-функцию.

callback=?
Именно благодаря этому параметру, сервер search.twitter.com понимает,
что необходимо отдать данные в формате JSONP.
Волшебный метод $.getJSON понимает параметр callback=?
и формирует запрос примерно так:

http://search.twitter.com/search.json?callback=jQuery1835130&q=hurricane

Сервер возвращает данные в формате jsonp:

jQuery1835130{ ******************** })
Deffered objects

Появились в jQuery 1.5

Отделяют логику, которая зависит от результатов выполнения действия от
самого действия.

Некоторые из методов:

deferred.done( doneCallbacks )
добавляет обработчик, который будет вызван, когда объект deferred
перейдёт в состояние «выполнено»

deferred.fail( failCallbacks )
добавляет обработчик, который будет вызван, когда объект deferred
перейдёт в состояние «отменено»

deferred.then( doneCallbacks, failCallbacks )
добавляет обработчики сразу обоих типов, описанных выше, эквивалентна
записи deferred.done(doneCallbacks).fail(failCallbacks)
MAP



Переводит все элементы массива в другой массив элементов




           http://jquery-docs.ru/utilities/jquery-map/

More Related Content

PDF
#2 "Распространённые ошибки в JavaScript" Денис Речкунов
ODP
MySQL/InnoDB изнутри: узкие места / Александр Крижановский (NatSys Lab)
PPTX
Особенности совместной работы Ruby и Oracle
PDF
10 - Web-технологии. MVC фреймворки (продолжение)
PPTX
PowerShell
PDF
Алексей Андросов "Яндекс.Почта: архитектура фронтенда как она есть"
PDF
«Изоморфные js приложения с использованием catberry.js», Денис Речкунов
PDF
11 - Web-технологии. Работа с СУБД
#2 "Распространённые ошибки в JavaScript" Денис Речкунов
MySQL/InnoDB изнутри: узкие места / Александр Крижановский (NatSys Lab)
Особенности совместной работы Ruby и Oracle
10 - Web-технологии. MVC фреймворки (продолжение)
PowerShell
Алексей Андросов "Яндекс.Почта: архитектура фронтенда как она есть"
«Изоморфные js приложения с использованием catberry.js», Денис Речкунов
11 - Web-технологии. Работа с СУБД

What's hot (20)

PPTX
Selenium: приемы работы
PDF
Библиотеки для передачи данных (Lecture 13 – multithreading, network (libs))
PDF
#7 "Многообещающий JavaScript – Promises" Денис Речкунов
PPTX
What’s New in PHP7?
PPTX
Everything you wanted to know about writing async, high-concurrency HTTP apps...
PPTX
Documents in JavaScript
PPT
Пора ли отправлять С на свалку истории? Пишем демонов на PHP с использованием...
PDF
Web performance 101 [GDG nsk webdev meetup #3]
PPTX
Nginx.pm
PDF
Многопоточность, работа с сетью (Lecture 12 – multithreading, network)
PPT
Юрий Гольцев - Сервис PLWWW
PPT
plwww (24.03) MEPHI (PHDays)
PDF
Mysql replication
PDF
Бессигнатурное обнаружение PHP-бэкдоров
ODP
MongoDB: Приложение по поиску точек на карте
PDF
Кеширование. Api. http 1.1 (rfc 2616)
PDF
Retro vs Volley
PPT
лабораторная работа №9
PDF
WordPress Cron API
PPT
бегун
Selenium: приемы работы
Библиотеки для передачи данных (Lecture 13 – multithreading, network (libs))
#7 "Многообещающий JavaScript – Promises" Денис Речкунов
What’s New in PHP7?
Everything you wanted to know about writing async, high-concurrency HTTP apps...
Documents in JavaScript
Пора ли отправлять С на свалку истории? Пишем демонов на PHP с использованием...
Web performance 101 [GDG nsk webdev meetup #3]
Nginx.pm
Многопоточность, работа с сетью (Lecture 12 – multithreading, network)
Юрий Гольцев - Сервис PLWWW
plwww (24.03) MEPHI (PHDays)
Mysql replication
Бессигнатурное обнаружение PHP-бэкдоров
MongoDB: Приложение по поиску точек на карте
Кеширование. Api. http 1.1 (rfc 2616)
Retro vs Volley
лабораторная работа №9
WordPress Cron API
бегун
Ad

Viewers also liked (7)

PDF
Эффективно закупаем трафик и правильно оцениваем его качество
PDF
JavaScript. Basics (in russian)
PDF
Web-design: курс для новичков. День второй.
PDF
Основы ооп на языке C#. Часть 2. базовый синтаксис.
PDF
основы ооп на языке C#. часть 1. введение в программирование
PPTX
Олександр Пронін "Ідеальний sales-менеджер - hard-скіли і стальні яйця"
PDF
2 6 1_buro-pirogova_karimova Золотой век Landing Page: как максимально повыси...
Эффективно закупаем трафик и правильно оцениваем его качество
JavaScript. Basics (in russian)
Web-design: курс для новичков. День второй.
Основы ооп на языке C#. Часть 2. базовый синтаксис.
основы ооп на языке C#. часть 1. введение в программирование
Олександр Пронін "Ідеальний sales-менеджер - hard-скіли і стальні яйця"
2 6 1_buro-pirogova_karimova Золотой век Landing Page: как максимально повыси...
Ad

Similar to JQuery (20)

PPTX
Примеры быстрой разработки API на масштабируемом сервере приложений Impress д...
PDF
The Old New ASP.NET
PPT
Alexander manuhin selenium_php_v2.0
PPT
Стажировка-2014, занятие 8. Обзор Sails framework (Node.js)
PDF
Web internship java script
PPTX
Бодрящий микс из Selenium и TestNG- регрессионное тестирование руками разрабо...
PDF
"CommonJS для браузера", Антон Шувалов, MoscowJS 15
PDF
Jsfwdays 2013-2
PPT
бегун
PPT
Web весна 2012 лекция 9
PDF
Семь тысяч Rps, один go
PDF
Mihail davidov js-ajax
PDF
RxJava + Retrofit
PDF
Чуть сложнее чем Singleton: аннотации, IOC, АОП
PDF
Михаил Давыдов — Транспорт, Ajax
PPTX
Node.js введение в технологию, КПИ #ITmeetingKPI
PDF
Сергей Константинов — Что интересного готовит нам W3C
PPT
The Best Portlet
PDF
Асинхронный JavaScript
PDF
Архитектура кода нового 2ГИС Web API или куда мы дели MVC
Примеры быстрой разработки API на масштабируемом сервере приложений Impress д...
The Old New ASP.NET
Alexander manuhin selenium_php_v2.0
Стажировка-2014, занятие 8. Обзор Sails framework (Node.js)
Web internship java script
Бодрящий микс из Selenium и TestNG- регрессионное тестирование руками разрабо...
"CommonJS для браузера", Антон Шувалов, MoscowJS 15
Jsfwdays 2013-2
бегун
Web весна 2012 лекция 9
Семь тысяч Rps, один go
Mihail davidov js-ajax
RxJava + Retrofit
Чуть сложнее чем Singleton: аннотации, IOC, АОП
Михаил Давыдов — Транспорт, Ajax
Node.js введение в технологию, КПИ #ITmeetingKPI
Сергей Константинов — Что интересного готовит нам W3C
The Best Portlet
Асинхронный JavaScript
Архитектура кода нового 2ГИС Web API или куда мы дели MVC

JQuery

  • 4. Отмена действия браузера Воспользуемся объектом из JavaScript – событие (event) Список свойств: http://javascript.ru/tutorial/events/properties Для отмены действия браузера существует стандартный метод: event.preventDefault()
  • 5. Формат JSON JSON (англ. JavaScript Object Notation) — текстовый формат обмена данными, основанный на JavaScript и обычно используемый именно с этим языком. Несмотря на происхождение от JavaScript (точнее, от подмножества языка стандарта ECMA-262 1999 года), формат считается языконезависимым и может использоваться практически с любым языком программирования. Для многих языков существует готовый код для создания и обработки данных в формате JSON. Подробности: http://json.org/
  • 7. XML
  • 8. Кроссдоменные запросы JSONP (JSON Padding) или «JSON с подкладкой» является расширением JSON, когда имя функции обратного вызова указывается в качестве входного аргумента. Без использования технологии JSONP (то есть используя просто JSON кодирование данных) сервер может вернуть только данные:
  • 9. Кроссдоменные запросы Используя технику JSONP, стороннему серверу передается в строке вызова (GET) имя callback функции. Здесь параметр callback содержит имя функции parseResponse. <script type="text/javascript" src="http://server.ru/getjson?callback=parseResponse"> </script> Теперь посторонний сервер server.ru может вернуть следующий код: Теперь код вызывает javascript-функцию первого домена.
  • 11. getJSON В результате выполнения этого кода, браузер совершит GET запрос к серверу search.twitter.com и получит данные в формате JSON, обернутые в специальную callback-функцию. callback=? Именно благодаря этому параметру, сервер search.twitter.com понимает, что необходимо отдать данные в формате JSONP. Волшебный метод $.getJSON понимает параметр callback=? и формирует запрос примерно так: http://search.twitter.com/search.json?callback=jQuery1835130&q=hurricane Сервер возвращает данные в формате jsonp: jQuery1835130{ ******************** })
  • 12. Deffered objects Появились в jQuery 1.5 Отделяют логику, которая зависит от результатов выполнения действия от самого действия. Некоторые из методов: deferred.done( doneCallbacks ) добавляет обработчик, который будет вызван, когда объект deferred перейдёт в состояние «выполнено» deferred.fail( failCallbacks ) добавляет обработчик, который будет вызван, когда объект deferred перейдёт в состояние «отменено» deferred.then( doneCallbacks, failCallbacks ) добавляет обработчики сразу обоих типов, описанных выше, эквивалентна записи deferred.done(doneCallbacks).fail(failCallbacks)
  • 13. MAP Переводит все элементы массива в другой массив элементов http://jquery-docs.ru/utilities/jquery-map/