AJAX - это технология, позволяющая осуществлять запрос к серверу без перезагрузки страницы.
jQuery позволяет значительно упростить создание AJAX запросов.
Стоит отметить, что большинству пользователей постоянные перезагрузки страницы неудобны, это снижает удобство интерфейса сайта, поэтому, если на Вашем веб-сайте предполагается постоянная обработка введенных данных, без этой технологии Вам не обойтись, и, возможно, наиболее подходящим решением станет как раз jQuery Ajax.
Имеется два варианта использования AJAX-метода в jQuery
jQuery.ajax(url,[settings])
url — адрес, на который отправится запрос.
settings — объект, в котором задаются настройки запроса. Настройки не являются обязательными. Объект имеет формат {имя:значение, имя:значение...}.
jQuery.ajax(settings)
Здесь url является частью настроек.
Примеры использования AJAX jQuery:
Сохранить данные на сервере и оповестить об этом пользователя.
$.ajax({
type: "POST",
url: "some.php",
data: { name: "John", location: "Boston" }
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
где
type - определяет тип запроса, GET или POST.
data - данные для передачи на серверу
Получить последнюю версию HTML страницы
$.ajax({
url: "test.html",
cache: false
}).done(function( html ) {
$("#results").append(html);
});
где
cache: false - запрет на кэширование страницы браузером.
Загрузить и выполнить файл JavaScript:
$.ajax({
type: "GET",
url: "test.js",
dataType: "script"
});