AJAX основы и в JQuery
Ajax для отправки форм
Давно уже существует технология Ajax но некоторые не понимают как ей пользоваться и в чем ее преимущества. Хочу внести свои пять копеек для новичков. Зачем же этот Ajax нужен?
Для красивой подгрузки данных из бд, например ;)
Но мы сегодня про это не будем, ведь статья для новичков. Самый простой сайт - лендинг, визитка - не обходиться без формы для сбора данных. Вот именно здесь эта технология и пригождается -
обычно необходимо сделать так чтоб при отправке формы не открывалось новое окно с благодарностью, а просто появлялось сообщение об успешной/неуспешной отправке данных...
Ответ: Как сделать http запрос на JavaScript в 2023 году? 2 примера с пояснениями.
Для отправки POST-запроса на JavaScript вам потребуется использовать XMLHttpRequest или современный Fetch API. Вот примеры кода для обоих методов с пояснениями: С использованием XMLHttpRequest: // Создаем новый объект
XMLHttpRequest var xhr = new XMLHttpRequest();
// Настраиваем запрос (метод, URL, асинхронный ли) xhr.open('POST', 'http://example.com/api', true);
// Устанавливаем заголовки (если необходимо) xhr.setRequestHeader('Content-Type', 'application/json');
// Устанавливаем обработчик события загрузки xhr...