Ajax запрос в jQuery. Часть 2

Ajax запрос в jQuery

От автора: приветствую вас, друзья. В этой статье мы продолжим работать с Ajax запросами в jQuery. Библиотека jQuery предлагает несколько методов для работы с асинхронными запросами, используя которые мы можем обмениваться информацией с сервером без перезагрузки страницы, т.е. асинхронно. Сегодня мы познакомимся с методоми post и get в jQuery.

Итак, из данной статьи мы узнаем о методах post и get. В чем их отличие от уже знакомого нам метода ajax? По большому счету разница заключается лишь в методе передачи данных на сервер. Как вы помните, метод ajax может отправлять данные как методом POST, так и методом GET, для этого достаточно лишь указать выбранный способ в опции type AJAX запроса.

Методы же post и get, как вы наверное уже догадались, отправляют данные только одним из способов: метод post передает данные через POST, метод get — через GET. Вот и вся разница. Давайте попробуем переписать скрипт из прошлого урока (исходники прошлого урока можно взять по ссылке), используя метод post:

$.post(
 'send.php', // адрес запроса
 data, // отправляемые данные
 function(res){ // функция, которая вызывается после ответа сервера
  console.log(res);
 }
);

Ajax запрос в jQuery

Как видим, синтаксис метода post немного отличается от синтаксиса метода ajax. Здесь нет объекта с настройками запроса, фактически все настройки передаются обычными параметрами функции.

Современные технологии веб-разработки

AngularJS, Webpack, NodeJS, ReactJS, TypeScript, Gulp, Git, Github...
Узнайте все о современных технологиях в веб-разработке

Узнать подробнее

Аналогично работает и метод GET, отличие лишь в способе отправки данных. Попробуем использовать его, не забудем только принять данные на сервере не из массива $_POST, а из массива $_GET:

Ajax запрос в jQuery

Подводя итог, можно сказать: если вам нужно выполнить просто и быстро асинхронный запрос и передать данные конкретным методом — можно использовать функцию post или get. Если вам нужно более гибкое решение, тогда стоит использовать метод ajax.

На этом мы, пожалуй, остановимся. Исходники к статье вы можете скачать по ссылке. Больше о jQuerу вы можете узнать из наших уроков или курса. Удачи!

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Создание зависимых списков средствами AJAX

Прямо сейчас посмотрите курс по созданию зависимых списков средствами AJAX!

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree