От автора: приветствую вас, друзья. В этой статье мы продолжим работать с Ajax запросами в jQuery. Библиотека jQuery предлагает несколько методов для работы с асинхронными запросами, используя которые мы можем обмениваться информацией с сервером без перезагрузки страницы, т.е. асинхронно. Сегодня мы познакомимся с методоми post и get в jQuery.
Итак, из данной статьи мы узнаем о методах post и get. В чем их отличие от уже знакомого нам метода ajax? По большому счету разница заключается лишь в методе передачи данных на сервер. Как вы помните, метод ajax может отправлять данные как методом POST, так и методом GET, для этого достаточно лишь указать выбранный способ в опции type AJAX запроса.
Методы же post и get, как вы наверное уже догадались, отправляют данные только одним из способов: метод post передает данные через POST, метод get — через GET. Вот и вся разница. Давайте попробуем переписать скрипт из прошлого урока (исходники прошлого урока можно взять по ссылке), используя метод post:
1 2 3 4 5 6 7 |
$.post( 'send.php', // адрес запроса data, // отправляемые данные function(res){ // функция, которая вызывается после ответа сервера console.log(res); } ); |
Как видим, синтаксис метода post немного отличается от синтаксиса метода ajax. Здесь нет объекта с настройками запроса, фактически все настройки передаются обычными параметрами функции.
Аналогично работает и метод GET, отличие лишь в способе отправки данных. Попробуем использовать его, не забудем только принять данные на сервере не из массива $_POST, а из массива $_GET:
Подводя итог, можно сказать: если вам нужно выполнить просто и быстро асинхронный запрос и передать данные конкретным методом — можно использовать функцию post или get. Если вам нужно более гибкое решение, тогда стоит использовать метод ajax.
На этом мы, пожалуй, остановимся. Исходники к статье вы можете скачать по ссылке. Больше о jQuerу вы можете узнать из наших уроков или курса. Удачи!