Примеры для jQuery.ajax()


Сохраняет некоторые данные на сервере и уведомление пользователя об окончании.

1
2
3
4
5
6
7
8
$.ajax({
method: "POST",
url: "some.php",
data: { name: "John", location: "Boston" }
})
.done(function( msg ) {
alert( "Data Saved: " + msg );
});

Возврашает последнюю версиюю HTML страницы.

1
2
3
4
5
6
7
$.ajax({
url: "test.html",
cache: false
})
.done(function( html ) {
$( "#results" ).append( html );
});

Отправляет XML документ на сервер. При помощи установки значения параметра processData в false, автоматическое преобразование в строку отключено.

1
2
3
4
5
6
7
8
var xmlDocument = [create xml document];
var xmlRequest = $.ajax({
url: "page.php",
processData: false,
data: xmlDocument
});
xmlRequest.done( handleResponse );

Отправляет идентификатор элемента как данные на сервер, и уведомляет пользователя об окончании. Если запрос заканчивается ошибкой, то показывается alert с ошибкой.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var menuId = $( "ul.nav" ).first().attr( "id" );
var request = $.ajax({
url: "script.php",
method: "POST",
data: { id : menuId },
dataType: "html"
});
request.done(function( msg ) {
$( "#log" ).html( msg );
});
request.fail(function( jqXHR, textStatus ) {
alert( "Request failed: " + textStatus );
});

Загружает и выполняет JavaScript файл.

1
2
3
4
5
$.ajax({
method: "GET",
url: "test.js",
dataType: "script"
});