SlideShare una empresa de Scribd logo
1 de 13
Отмена действия браузера


   Воспользуемся объектом из 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/

Más contenido relacionado

La actualidad más candente

Selenium: приемы работы
Selenium: приемы работыSelenium: приемы работы
Selenium: приемы работыPaul Stashevsky
 
Библиотеки для передачи данных (Lecture 13 – multithreading, network (libs))
Библиотеки для передачи данных (Lecture 13 – multithreading, network (libs))Библиотеки для передачи данных (Lecture 13 – multithreading, network (libs))
Библиотеки для передачи данных (Lecture 13 – multithreading, network (libs))Noveo
 
#7 "Многообещающий JavaScript – Promises" Денис Речкунов
#7 "Многообещающий JavaScript – Promises" Денис Речкунов#7 "Многообещающий JavaScript – Promises" Денис Речкунов
#7 "Многообещающий JavaScript – Promises" Денис РечкуновJSib
 
Everything you wanted to know about writing async, high-concurrency HTTP apps...
Everything you wanted to know about writing async, high-concurrency HTTP apps...Everything you wanted to know about writing async, high-concurrency HTTP apps...
Everything you wanted to know about writing async, high-concurrency HTTP apps...JavaDayUA
 
Пора ли отправлять С на свалку истории? Пишем демонов на PHP с использованием...
Пора ли отправлять С на свалку истории? Пишем демонов на PHP с использованием...Пора ли отправлять С на свалку истории? Пишем демонов на PHP с использованием...
Пора ли отправлять С на свалку истории? Пишем демонов на PHP с использованием...Vadim Kruchkov
 
Web performance 101 [GDG nsk webdev meetup #3]
Web performance 101 [GDG nsk webdev meetup #3]Web performance 101 [GDG nsk webdev meetup #3]
Web performance 101 [GDG nsk webdev meetup #3]Eugene Chekan
 
Многопоточность, работа с сетью (Lecture 12 – multithreading, network)
Многопоточность, работа с сетью (Lecture 12 – multithreading, network)Многопоточность, работа с сетью (Lecture 12 – multithreading, network)
Многопоточность, работа с сетью (Lecture 12 – multithreading, network)Noveo
 
Юрий Гольцев - Сервис PLWWW
Юрий Гольцев - Сервис PLWWWЮрий Гольцев - Сервис PLWWW
Юрий Гольцев - Сервис PLWWWPositive Hack Days
 
plwww (24.03) MEPHI (PHDays)
plwww (24.03) MEPHI (PHDays)plwww (24.03) MEPHI (PHDays)
plwww (24.03) MEPHI (PHDays)ygoltsev
 
Бессигнатурное обнаружение PHP-бэкдоров
Бессигнатурное обнаружение PHP-бэкдоровБессигнатурное обнаружение PHP-бэкдоров
Бессигнатурное обнаружение PHP-бэкдоровPositive Hack Days
 
MongoDB: Приложение по поиску точек на карте
MongoDB: Приложение по поиску точек на картеMongoDB: Приложение по поиску точек на карте
MongoDB: Приложение по поиску точек на картеGleb Lebedev
 
Кеширование. Api. http 1.1 (rfc 2616)
Кеширование. Api. http 1.1 (rfc 2616)Кеширование. Api. http 1.1 (rfc 2616)
Кеширование. Api. http 1.1 (rfc 2616)Artjoker
 
Retro vs Volley
Retro vs VolleyRetro vs Volley
Retro vs VolleyArtjoker
 
лабораторная работа №9
лабораторная работа №9лабораторная работа №9
лабораторная работа №9Zhanna Kazakova
 
WordPress Cron API
WordPress Cron APIWordPress Cron API
WordPress Cron APIversusbassz
 

La actualidad más candente (20)

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

Destacado

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

Destacado (7)

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

Similar a JQuery

Примеры быстрой разработки API на масштабируемом сервере приложений Impress д...
Примеры быстрой разработки API на масштабируемом сервере приложений Impress д...Примеры быстрой разработки API на масштабируемом сервере приложений Impress д...
Примеры быстрой разработки API на масштабируемом сервере приложений Impress д...Timur Shemsedinov
 
The Old New ASP.NET
The Old New ASP.NETThe Old New ASP.NET
The Old New ASP.NETVitaly Baum
 
Alexander manuhin selenium_php_v2.0
Alexander manuhin selenium_php_v2.0Alexander manuhin selenium_php_v2.0
Alexander manuhin selenium_php_v2.0matroskin1980
 
Стажировка-2014, занятие 8. Обзор Sails framework (Node.js)
Стажировка-2014, занятие 8. Обзор Sails framework (Node.js)Стажировка-2014, занятие 8. Обзор Sails framework (Node.js)
Стажировка-2014, занятие 8. Обзор Sails framework (Node.js)7bits
 
Web internship java script
Web internship   java scriptWeb internship   java script
Web internship java scriptNoveo
 
Бодрящий микс из Selenium и TestNG- регрессионное тестирование руками разрабо...
Бодрящий микс из Selenium и TestNG- регрессионное тестирование руками разрабо...Бодрящий микс из Selenium и TestNG- регрессионное тестирование руками разрабо...
Бодрящий микс из Selenium и TestNG- регрессионное тестирование руками разрабо...Andrey Rebrov
 
"CommonJS для браузера", Антон Шувалов, MoscowJS 15
"CommonJS для браузера", Антон Шувалов, MoscowJS 15"CommonJS для браузера", Антон Шувалов, MoscowJS 15
"CommonJS для браузера", Антон Шувалов, MoscowJS 15MoscowJS
 
Web весна 2012 лекция 9
Web весна 2012 лекция 9Web весна 2012 лекция 9
Web весна 2012 лекция 9Technopark
 
Семь тысяч Rps, один go
Семь тысяч Rps, один goСемь тысяч Rps, один go
Семь тысяч Rps, один goBadoo Development
 
Mihail davidov js-ajax
Mihail davidov js-ajaxMihail davidov js-ajax
Mihail davidov js-ajaxYandex
 
RxJava + Retrofit
RxJava + RetrofitRxJava + Retrofit
RxJava + RetrofitDev2Dev
 
Чуть сложнее чем Singleton: аннотации, IOC, АОП
Чуть сложнее чем Singleton: аннотации, IOC, АОПЧуть сложнее чем Singleton: аннотации, IOC, АОП
Чуть сложнее чем Singleton: аннотации, IOC, АОПKirill Chebunin
 
Михаил Давыдов — Транспорт, Ajax
Михаил Давыдов — Транспорт, AjaxМихаил Давыдов — Транспорт, Ajax
Михаил Давыдов — Транспорт, AjaxYandex
 
Node.js введение в технологию, КПИ #ITmeetingKPI
Node.js введение в технологию, КПИ  #ITmeetingKPINode.js введение в технологию, КПИ  #ITmeetingKPI
Node.js введение в технологию, КПИ #ITmeetingKPITimur Shemsedinov
 
Сергей Константинов — Что интересного готовит нам W3C
Сергей Константинов — Что интересного готовит нам W3CСергей Константинов — Что интересного готовит нам W3C
Сергей Константинов — Что интересного готовит нам W3CYandex
 
Архитектура кода нового 2ГИС Web API или куда мы дели MVC
Архитектура кода нового 2ГИС Web API или куда мы дели MVCАрхитектура кода нового 2ГИС Web API или куда мы дели MVC
Архитектура кода нового 2ГИС Web API или куда мы дели MVCDevDay
 

Similar a JQuery (20)

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

JQuery

  • 1.
  • 2.
  • 3.
  • 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/