Что такое AJAX Сокращенные методы : $.get, $.post, .load(), ...

11
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net Что такое AJAX Сокращенные методы: $.get, $.post, .load(), $.getScript, $.getJSON $.ajax() Ajax: jQuery

description

Что такое AJAX Сокращенные методы : $.get, $.post, .load(), $.getScript , $. getJSON $.ajax(). Ajax: jQuery. Asynchronous Javascript and XML — « асинхронный JavaScript и XML » - PowerPoint PPT Presentation

Transcript of Что такое AJAX Сокращенные методы : $.get, $.post, .load(), ...

Page 1: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

• Что такое AJAX• Сокращенные методы:

$.get, $.post, .load(), $.getScript, $.getJSON

• $.ajax()

Ajax: jQuery

Page 2: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Asynchronous Javascript and XML — «асинхронный JavaScript и XML»

Запрос выполняется на заднем фоне, и результат взаимодействует со страницей при помощи функции обратного вызова

Преимуществанет необходимости в перезагрузки страницы

Недостаткипоявление ошибки работы с данными которых еще нет

AJAX

Page 3: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

Сокращенные методы

Page 4: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

jQuery.get(url – Адрес запроса[, data ] – Передаваемые данные[, success(data, textStatus, jqXHR) ] – функция обратно вызова[, dataType ] – тип данных, если не указан явно - определяется библиотекой. (xml, json, script, or html))

$.get

Page 5: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

jQuery.post (url – Адрес запроса[, data ] – Передаваемые данные[, success(data, textStatus, jqXHR) ] – функция обратно вызова[, dataType ] – тип данных, если не указан явно - определяется библиотекой. (xml, json, script, or html))

$.post

Page 6: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

.load( url – Адрес запроса[, data ] – Передаваемые данные[, complete(responseText, textStatus, XMLHttpRequest) ] – функция обратно вызова)

.load

Page 7: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

jQuery.getJSON( url – Адрес запроса[, data ] – Передаваемые данные[, success(data, textStatus, jqXHR) ] – функция обратно вызова)

$.getJSON

Page 8: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

jQuery.getScript( url – Адрес запроса [, success(script, textStatus, jqXHR) ] – функция обратно вызова )

$.getScript

Page 9: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

$.ajax()

Page 10: Что такое  AJAX Сокращенные методы :  $.get,  $.post,  .load(),  $.getScript ,  $. getJSON

Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net

url – адрес

success – функция при успешном запросе

type – http метод

error – функция при получении ошибки в запросе

complete – функция при завершении запроса

async – будет ли асинхронным запрос

context – указывает на элемент, на

которые будет ссылаться thisdata – передаваемые данные

dataType – (xml, json, script, html, text)

global – сработают ли глобальные события

timeout – Указывает тайм-аут (в миллисекундах) запроса

$.ajax настройки