PHP ПРИ НАЖАТИИ НА КНОПКУ НЕ ПЕРЕЗАГРУЖАТЬ СТРАНИЦУ
Как известно, стандартный подход веб-разработки предполагает перезагрузку страницы при нажатии на кнопку. Однако, с помощью технологий Ajax и jQuery можно добиться того, чтобы страница не перезагружалась при нажатии на кнопку.
В данном примере рассмотрим простой способ реализации такой функциональности на PHP с использованием jQuery:
// HTML-код с кнопкой и контейнером, в котором будет отображаться результат
<button id="myButton">Нажми меня!</button>
<div id="myContainer"></div>
// JavaScript-код, который обрабатывает событие нажатия на кнопку и отправляет запрос на сервер
<script>
$(document).ready(function(){
$("#myButton").click(function(){
$.ajax({
url: "myPhpScript.php",
type: "POST",
success: function(response){
$("#myContainer").html(response);
}
});
});
});
</script>
// PHP-код, который обрабатывает запрос на сервере и возвращает результат
<?php
// здесь можно выполнить какие-то действия на сервере
echo "Результат выполнения скрипта"; // здесь можно вернуть результат
?>
В данном примере при нажатии на кнопку происходит отправка запроса на сервер с помощью функции $.ajax() из библиотеки jQuery. Запрос отправляется на PHP-скрипт myPhpScript.php. В этом скрипте можно выполнить какие-то действия на сервере, например, получить данные из базы данных. После выполнения действий, можно вернуть результат с помощью функции echo().
Результат запроса отображается в контейнере с помощью функции $("#myContainer").html(response), которая заменяет содержимое контейнера на возвращенный результат.
Как сделать ajax-форму на сайте без перезагрузки страницы + окно «Спасибо»
PHP. Учить или не учить? Вот в чём вопрос!
jQuery подгрузка контента без перезагрузки
Отправка данных без перезагрузки страницы. PHP + Ajax (jQuery)
Видеоурок 9: Формы в PHP. Обработка форм HTML в PHP. Методы запроса GET и POST. Пример обработки.
КАК БЕЗ ПЕРЕЗАГРУЗКИ СТРАНИЦЫ СДЕЛАТЬ ЗАПРОС
Нажатие на кнопку в JavaScript (событие и функции)
PHP для начинающих Обработка нажатия кнопки на web странице Метод POST
Подгрузка блоков по клику (имитация ajax загрузки) - #js, #jquery, #html
ФОРМА ОБРАТНОЙ СВЯЗИ ДЛЯ САЙТА - ЛЕГКО! Используем html и php