В jQuery есть несколько вспомогательных методов AJAX, которые экономят время и намного проще для чтения. Все они являются свойствами $ переменной: $.get, $.post и $.ajax.
$.ajax ─ это основной метод, позволяющий вам вручную создать свой AJAX-запрос ─ остальные представляют собой ярлыки для обычных конфигураций, таких как получение данных или их публикация.
Вот пример, который получает некоторые данные с сервера:
$.ajax({
url: '/data.json',
method: 'GET',
success: function (data) {
console.log(data);
}
});Вы можете видеть, что объект конфигурации используется для указания jQuery, как получить данные. Предоставляются основы: URL-адрес, метод (который фактически используется по умолчанию get) и функция, которая вызывается при извлечении данных и называется успешным обратным вызовом.
$.get
В этом примере мы просто получаем некоторые данные, и, поскольку это очень распространённое действие, jQuery предоставляет помощник: $.get.
$.get('/data.json', function (data) {
console.log(data);
});Вы также можете предоставить обратный вызов с ошибкой, который сообщит вам, если что-то пойдёт не так и до сервера не удастся дозвониться:
$.get('/data.json', function (data) {
console.log(data);
}).fail(function () {
// Uh oh, something went wrong
});
$.postОтправить данные на сервер так же просто, используя $.post метод. Второй аргумент — это данные для отправки — это может быть практически что угодно, кроме функции: jQuery придумает, как отправить их за вас. Как удобно!
$.post('/save', { username: 'tom' }, function (data) {
console.log(data);
}).fail(function () {
// Uh oh, something went wrong
});
$.ajaxКонечно, если вы хотите больше контролировать способ отправки данных, используйте $.ajax для настройки запроса вручную.
$.ajax({
url: '/save',
method: 'POST',
data: { username: 'tom' },
success: function (data) {
console.log(data);
}),
error: function () {
// Uh oh, something went wrong
}
});
Страницы в тему:
- Следующая страница: jQuery: DOM: другие приёмы
- Предыдущая страница: jQuery: DOM API
