Чтобы при нажатии на форму данные в другом месте не обновлялись без перезагрузки страницы, вам понадобится использовать AJAX, технологию, которая позволяет обмениваться данными с сервером без необходимости полной перезагрузки страницы.
Для реализации этого в PHP вы можете использовать следующий подход:
1. Добавьте обработчик события отправки формы через JavaScript. Например, можно использовать функцию jQuery $.ajax()
для выполнения AJAX-запроса.
$(document).ready(function() { $('#myForm').submit(function(e) { e.preventDefault(); // Предотвращает перезагрузку страницы при отправке формы var formData = $(this).serialize(); $.ajax({ url: 'обработчик.php', // Укажите адрес обработчика, который будет получать данные из формы type: 'POST', data: formData, success: function(response) { // Здесь вы можете обновить нужные вам элементы на странице с помощью полученных данных } }); }); });
2. В обработчике, который указан в url
, вы можете получить отправленные данные из формы и выполнить необходимые операции. Разработайте PHP-скрипт, который будет обрабатывать эти данные и возвращать результаты обратно в JavaScript.
// Обработчик обращается к этому файлу при отправке формы обработчик.php // Получение данных из формы $data1 = $_POST['data1']; $data2 = $_POST['data2']; // Выполнение необходимых операций с данными // Возвращение результатов в формате JSON $result = array('success' => true, 'message' => 'Данные успешно обработаны'); echo json_encode($result);
3. В функции success
AJAX-запроса, которая выполняется после успешного выполнения запроса, вы можете обновить нужные вам элементы на странице с помощью полученных данных. Например, вы можете вставить данные в определенный элемент или обновить таблицу.
Таким образом, при отправке формы данные будут передаваться на сервер, обрабатываться и возвращаться обратно в JavaScript, где вы сможете обновить нужные вам элементы на странице без перезагрузки всей страницы. Это полезно, когда нужно динамически обновлять содержимое страницы или выводить сообщения об успехе/ошибке без перезагрузки.