Отправка формы без перезагрузки страницы?

Для отправки формы без перезагрузки страницы можно использовать технологию AJAX (Asynchronous JavaScript and XML). AJAX позволяет отправлять запросы на сервер без необходимости перезагрузки всей страницы, что обеспечивает более плавный и динамичный пользовательский опыт.

Для реализации отправки формы без перезагрузки страницы с помощью AJAX вам понадобится следующий код на стороне клиента (в данном случае на языке JavaScript с использованием библиотеки jQuery):

$(document).ready(function(){
    $('form').submit(function(e){
        e.preventDefault(); // предотвращаем стандартное действие отправки формы
 
        var formData = $(this).serialize(); // получаем данные формы
 
        $.ajax({
            type: 'POST',
            url: 'обработчик.php', // замените на URL вашего обработчика формы
            data: formData,
            success: function(response){
                // обработка успешного ответа от сервера
            },
            error: function(){
                // обработка ошибки
            }
        });
    });
});

В данном примере кода при отправке формы скрипт предотвращает стандартное действие браузера, собирает данные формы с помощью метода serialize() и отправляет их на сервер с помощью метода $.ajax(). После успешной отправки запроса на сервер и получения ответа, вы можете обработать ответ в функции success().

На стороне сервера вам также понадобится обработчик формы (обработчик.php в данном примере), который будет принимать данные, обрабатывать их и возвращать ответ.

Таким образом, используя AJAX, вы можете отправлять формы без перезагрузки страницы, что повысит удобство использования вашего веб-приложения.