Page 165 - 6108
P. 165
complete – функція зворотного виклику Function(responseText,
textStatus, jqXHR), яка виконується після завершення запиту
$( "#result" ).load( "ajax/test.html" );
$( "#result" ).load( "ajax/test.html", function() {
alert( "Load was performed." );
});
Метод jQuery.get() завантажує дані з сервера через GET запит
jQuery.get( url [, data ] [, success ] [, dataType
] | [settings]), де
data – простий об'єкт або рядок, який надсилається на сервер із запитом
success – функція зворотного виклику Function(data, textStatus,
jqXHR), яка виконується, якщо запит виконано.
datatype – тип даних, який очікується від сервера. За замовчуванням:
Intelligent Guess (xml, json, script, text, html).
settings – набір пар ключ / значення, який налаштовує запит Ajax. Всі
властивості, крім URL-адреси, є необов'язковими. Перелік налаштувань, такий
же як для JQuery.ajax(). Параметр type автоматично буде встановлено на
GET.
$.get( "test.html", function( data ) {
$( "#container" ).html( data );
alert( "Load was performed." );
});
Метод $.get() також підтримує інтерфейс Promise, що дозволяє
використовувати методи .done (), .fail () та .always().
Метод jQuery.getJSON() дозволяє завантажити дані в JSON-кодуванні
з сервера за допомогою запиту GET.
jQuery.getJSON( url [, data ] [, success ] )
$.getJSON( "phones.json", function( data ) {
let items = [];
$.each( data, function( key, val ) {
items.push("<li id='" + key + "'>" + val.model + "</li>");
});
$( "<ul/>", {
"class": "my-new-list",
html: items.join( "" )
}).appendTo( "body" );
});
Метод jQuery.post() завантажує дані з сервера через http POST запит
jQuery.post(url [, data] [, success] [, dataType]
|
[settings])
Параметри методу аналогічні методу get.
$.post( "test.html", function( data ) {
alert( "Data Loaded: " + data );
});
$.post( "/register", { userName: "John", userAge: "21" })