Привет и добро пожаловать в эту статью о запросе jQuery AJAX. Здесь мы продемонстрируем, как отправлять и получать запрос и ответ AJAX соответственно. Мы объясним, как отправить запрос AJAX, отправив форму HTML. Мы увидим различные параметры метода jQuery ajax(). Прежде чем начать, мы должны хорошо понимать, что такое AJAX и для чего он используется.
AJAX краткое объяснение
получать данные без перезагрузки страницы. Он широко используется при проверке форм. Мы можем инициировать эти вызовы по нажатию кнопки или другим событиям. Запросы AJAX по своей природе асинхронны, что означает, что мы можем отправлять несколько запросов одновременно. Для этого мы можем использовать простой JavaScript. Но управлять им утомительно, потому что нам нужно вручную обрабатывать код ответа и другие детали.
jQuery-метод ajax()
jQuery, популярная библиотека JavaScript, поставляется с методом ajax() для обработки запросов AJAX. Метод ajax() обеспечивает эффективную и гибкую обработку запросов AJAX. Теперь взгляните на синтаксис этого метода.
$.ajax({имя:значение, имя:значение, … })
Мы изменим параметры имени и значения в соответствии с нашими требованиями.
Итак, теперь давайте рассмотрим простой запрос GET AJAX.
В приведенном выше коде мы видим использование метода $.ajax(). Теперь давайте рассмотрим различные параметры метода один за другим.
URL-адрес: указывает URL-адрес, который будет обработан запросом AJAX.
Тип/метод: указывает тип метода HTTP.
успех: указывает функцию обратного вызова, которую необходимо выполнить после завершения запроса.
Как только запрос будет завершен, мы получим ответ в нашем методе успеха. Мы напечатаем ответ, используя метод jQuery html().
Теперь давайте рассмотрим более сложный запрос. В приведенном ниже запросе мы отправляем запрос POST с использованием jQuery.
В приведенном выше коде мы отправляем форму, используя параметр данных. Для извлечения данных из HTML-формы мы будем использовать метод serializeArray() jQuery.
jQuery AJAX последние мысли
Мы можем использовать jQuery для сокращения кода для вызовов AJAX. У метода ajax() гораздо больше параметров. Мы также можем обрабатывать ошибки, используя jQuery ajax. Пожалуйста, ознакомьтесь с полной документацией по API на официальном сайте jQuery. Мы желаем тебе всего наилучшего.
