Ajax запит методом post

Здійснює запит до сервера методом POST, без перезавантаження сторінки. Функція має кілька необов'язкових параметрів.

data - дані, надіслані з сервера. textStatus - статус того як був виконаний запит. jqXHR - об'єкт jqXHR (у версіях до jquery-1.5, замість нього використовувався XMLHttpRequest)

dataType - очікуваний тип даних, які надішле сервер у відповідь на запит (подробиці тут).

просте використання

Найпростіший ajax-запит: відправимо порожній запит до сервера і не будемо обробляти відповідь. Це може бути використано, наприклад для підрахунку кількості наведень курсора на банер (при кожному наведенні сервера відправлятиметься сигнал).

На сервері, обробка Ajax запиту нічим не відрізняється від обробки звичайного запиту:

В результаті цього запиту, на сторінці з'явиться табличка з текстом "I get param1 = param1 and param2 = 2"

просунуте використання

$ .post () є скороченим варіантом функції $ .ajax (). викликаної з наступними параметрами:

Подробиці використання параметра dataType можна знайти в описі $ .ajax ().

Зауваження: більшість браузерів не дозволяють проводити ajax-запити на ресурси з доменами, піддоменів і протоколами, відмінними від поточного. Однак, це обмеження не поширюється на запити типу jsonp і script.

Обробка виконання запиту

Стандартним засобом обробки успішного виконання запиту, є вказівка ​​власної функції в параметрі success. При виклику вона отримує дані передані сервером, текстовий статус виконання запиту, а так само Об'єкт jqXHR.

Починаючи з jQuery-1.5, метод $ .post () повертає об'єкт jqXHR, який крім іншого реалізує інтерфейс deferred. що дозволяє задавати додаткові обробники виконання. Крім стандартних для об'єкта deferred методів .done (). fail () і .then (). за допомогою яких можна встановлювати обробники, в jqXHR реалізовані .success (). error () і .complete (). Це зроблено для відповідності звичним назв методів, за допомогою яких встановлюються обробники виконання ajax-запитів. Однак починаючи з jQuery-1.8 ці три методи стануть небажаними для використання.

Пошукові ключі:
  • асинхронний запит методом post
  • ajax-запит методом post
  • запит до сервера методом post
  • Передавання даних без перезавантаження сторінки
  • отримання даних без перезавантаження сторінки
  • jQuery.post ()
  • $ .post ()
  • .post ()
  • post ()