Реагирование на клик кнопки на сервере с помощью PHP

Расширенные примеры обработки нажатия кнопки

Пример 1: Несколько кнопок с одинаковым именем, разные действия

<?php
// form.php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if (isset($_POST['action'])) {
        $action = $_POST['action'];
        if ($action === 'approve') {
            // Утвердить заявку
            $result = 'Заявка утверждена.';
        } elseif ($action === 'reject') {
            // Отклонить заявку
            $result = 'Заявка отклонена.';
        }
    }
}
?>
<form method='post'>
    <button type='submit' name='action' value='approve'>Утвердить</button>
    <button type='submit' name='action' value='reject'>Отклонить</button>
</form>
<p><?= $result ?? '' ?></p>

Результат: При нажатии на первую кнопку $_POST['action'] равен 'approve', при нажатии на вторую – 'reject'.

Пример 2: Обработка кнопки с изображением и защита от повторной отправки

<?php
session_start();
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['img_btn_x'])) {
    // Проверка токена
    if (hash_equals($_SESSION['token'], $_POST['token'] ?? '')) {
        // Обработка координат
        $x = (int)$_POST['img_btn_x'];
        $y = (int)$_POST['img_btn_y'];
        // ... дальнейшие действия
        unset($_SESSION['token']); // одноразовый токен
    }
}
?>
<form method='post'>
    <input type='hidden' name='token' value='<?= $_SESSION['token'] = bin2hex(random_bytes(32)) ?>'>
    <input type='image' src='map.png' name='img_btn'>
</form>

Описание: Координаты клика передаются как img_btn_x и img_btn_y. CSRF-токен защищает от повторной отправки.

Пример 3: Обработка нажатия кнопки в AJAX-запросе (PHP + JSON)

// server.php
header('Content-Type: application/json');
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['btn_ajax'])) {
    $data = ['success' => true, 'message' => 'Кнопка нажата через AJAX'];
    echo json_encode($data);
    exit;
}
echo json_encode(['success' => false, 'message' => 'Неверный запрос']);

// client.html (фрагмент)
<script>
document.querySelector('button#ajax_btn').addEventListener('click', function() {
    fetch('server.php', {
        method: 'POST',
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        body: 'btn_ajax=1'
    }).then(r => r.json()).then(console.log);
});
</script>

Результат: В консоль выводится JSON-ответ {"success":true,"message":"Кнопка нажата через AJAX"}.

Пример 4: Множественные формы на одной странице с разными кнопками

<?php
function handle_form($form_id) {
    if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['form_id']) && $_POST['form_id'] === $form_id) {
        // Обработка конкретной формы
        return true;
    }
    return false;
}

if (handle_form('login')) {
    // логин
} elseif (handle_form('register')) {
    // регистрация
}
?>

<form method='post'>
    <input type='hidden' name='form_id' value='login'>
    <input type='submit' name='btn' value='Войти'>
</form>
<form method='post'>
    <input type='hidden' name='form_id' value='register'>
    <input type='submit' name='btn' value='Зарегистрироваться'>
</form>

Объяснение: Каждая форма имеет скрытое поле form_id. PHP проверяет его значение, чтобы понять, какая кнопка была нажата.

Пример 5: Использование кнопки <button> с вложенным содержимым

<form method='post'>
    <button type='submit' name='custom_btn' value='send'>
        <span class='fw-bold'>Отправить</span>
    </button>
</form>

<?php
if (isset($_POST['custom_btn']) && $_POST['custom_btn'] === 'send') {
    // Обработка
}
?>

Замечание: У элемента <button> значение передаётся через атрибут value, а не содержимое тега.

Пример 6: Обработка кнопки с проверкой CSRF и защитой от двойного нажатия (JavaScript + PHP)

// PHP: генерация токена и обработка
session_start();
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['submit_once'])) {
    if (!isset($_SESSION['csrf_token']) || $_POST['csrf_token'] !== $_SESSION['csrf_token']) {
        die('CSRF token mismatch');
    }
    // удаляем токен, чтобы предотвратить повторную отправку
    unset($_SESSION['csrf_token']);
    // ... обработка данных
}
// HTML + JavaScript
?>
<form method='post' id='myform'>
    <input type='hidden' name='csrf_token' value='<?= $_SESSION['csrf_token'] = bin2hex(random_bytes(32)) ?>'>
    <input type='submit' name='submit_once' value='Отправить'>
</form>
<script>
document.getElementById('myform').addEventListener('submit', function(e) {
    // отключаем кнопку после первого нажатия
    this.querySelector('input[type="submit"]').disabled = true;
});
</script>

Результат: Пользователь может отправить форму только один раз (токен одноразовый, кнопка блокируется).