Функции jQuery AJAX
jQuery имеет обширную библиотеку функций (методов) для разработки AJAX.
Пример jQuery AJAX
Нажмите на кнопку ниже, чтобы изменить этот текст с помощью AJAX
Пример выше взят из нашего Уроки AJAXно было изменено с использованием jQuery.
Что такое AJAX?
AJAX = Асинхронный JavaScript и XML.
AJAX - это технология создания быстродинамичных веб-страниц.
AJAX позволяет веб-страницам обновляться асинхронно, обмениваясь малым количеством данных в фоновом режиме. Это означает, что можно обновлять часть веб-страницы, не перезагружая весь страницу.
Вы можете найти информацию в наших Уроки AJAX изучите больше о AJAX.
AJAX и jQuery
jQuery предоставляет обширную библиотеку функций (методов) для разработки AJAX.
С помощью jQuery AJAX, используя HTTP Get и HTTP Post, вы можете запрашивать TXT, HTML, XML или JSON с удаленного сервера.
И вы можете напрямую загружать удаленные данные в выбранные HTML-элементы на веб-странице!
Меньше кода, больше дела
Функция load jQuery — это простой (но мощный) AJAX-функция. Ее синтаксис следующий:
$(selector).load(url, data, callback)
Используйте selector Используйте параметр для определения HTML-элемента, который нужно изменить, используя url ПараметрыИспользуйте параметр для указания веб-адреса данных.
Необходимы только в том случае, если вы хотите отправить данные на сервер. data Параметры. Необходимы только в том случае, если вам нужно вызвать функцию после выполнения. callback Параметры.
Низкоуровневый AJAX
$.ajax(options) является синтаксисом низкоуровневых AJAX-функций.
$.ajax предоставляет больше функциональности, чем функции более высокого уровня, но он также сложнее в использовании.
option Параметры устанавливаются в виде пар name|value, определяющих url данных, пароль, тип данных, фильтры, кодировку, время ожидания и функцию обработки ошибок.
Запросы jQuery AJAX
| Запрос | Описание |
|---|---|
| $(selector).load(url, data, callback) | Загрузка удаленных данных в выбранный элемент |
| $.ajax(options) | Загрузка удаленных данных в объект XMLHttpRequest |
| $.get(url, data, callback, type) | Загрузка удаленных данных с использованием HTTP GET |
| $.post(url, data, callback, type) | Загрузка удаленных данных с использованием HTTP POST |
| $.getJSON(url, data, callback) | Загрузка удаленных JSON-данных с использованием HTTP GET |
| $.getScript(url, callback) | Загрузка и выполнение удаленного JavaScript-файла |
(url) URL (адрес) загружаемых данных
(data) объект ключ/значение данных, отправляемых на сервер
(callback) функция, выполняемая при загрузке данных
(type) тип данных, возвращаемых после загрузки (html, xml, json, jasonp, script, text)
(options) все параметры ключ/значение для полной AJAX-запроса
Референсное руководство
Для получения дополнительной информации о функциях jQuery AJAX, пожалуйста, посетите наш Руководство по jQuery AJAX.
