Как передать переменные из JavaScript в PHP

Дополнительные примеры передачи переменных из JavaScript в PHP

Пример с использованием fetch и разными методами (PUT, DELETE)

// JavaScript: обновление данных (PUT)
let updateData = {id: 1, title: 'Новый заголовок'};
fetch('api/update.php', {
  method: 'PUT',
  headers: {'Content-Type': 'application/json'},
  body: JSON.stringify(updateData)
})
.then(response => response.json())
.then(data => {
    console.log('Результат обновления:', data);
});
  

<?php // api/update.php
$method = $_SERVER['REQUEST_METHOD'];
if ($method !== 'PUT') {
    http_response_code(405);
    exit;
}
$input = json_decode(file_get_contents('php://input'), true);
// имитация обновления
$response = ['updated' => true, 'received' => $input];
header('Content-Type: application/json');
echo json_encode($response);
?>
  

// Вывод в консоли браузера:
{updated: true, received: {id: 1, title: 'Новый заголовок'}}
  

Пример передачи массива данных через GET с помощью XMLHttpRequest

// JavaScript: устаревший, но иногда используемый способ
let xhr = new XMLHttpRequest();
let params = 'items[]=apple&items[]=banana&items[]=cherry';
xhr.open('GET', 'array_handler.php?' + params, true);
xhr.onload = function() {
    if (xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
xhr.send();
  

<?php // array_handler.php
$items = $_GET['items'] ?? [];
if (is_array($items)) {
    echo 'Получены фрукты: ' . implode(', ', $items);
} else {
    echo 'Ожидался массив';
}
?>
  

// Вывод:
Получены фрукты: apple, banana, cherry
  

Пример отправки данных с обработкой ошибок на сервере

// JavaScript
fetch('validate.php', {
  method: 'POST',
  headers: {'Content-Type': 'application/x-www-form-urlencoded'},
  body: 'email=test@example.com&age=25'
})
.then(response => {
    if (!response.ok) throw new Error('Сервер вернул ошибку ' + response.status);
    return response.json();
})
.then(data => console.log(data))
.catch(err => console.error('Произошла ошибка:', err));
  

<?php // validate.php
$email = $_POST['email'] ?? '';
$age = $_POST['age'] ?? 0;
$errors = [];
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
    $errors[] = 'Некорректный email';
}
if ($age < 18) {
    $errors[] = 'Возраст должен быть не менее 18';
}
if ($errors) {
    http_response_code(400);
    echo json_encode(['status' => 'error', 'messages' => $errors]);
} else {
    echo json_encode(['status' => 'success', 'message' => 'Данные корректны']);
}
?>
  

// При корректных данных:
{status: "success", message: "Данные корректны"}
// При ошибке:
{status: "error", messages: ["Некорректный email"]}
  

Пример использования библиотеки axios для передачи данных

// JavaScript с axios (требуется подключение CDN)
axios.post('api.php', {
    name: 'Мария',
    score: 95
})
.then(response => {
    console.log(response.data);
})
.catch(error => {
    console.error(error);
});
  

<?php // api.php (тот же серверный код, что и для fetch)
$input = json_decode(file_get_contents('php://input'), true);
echo json_encode(['received' => $input]);
?>
  

// В консоли:
{received: { name: "Мария", score: 95 }}
  

Пример передачи данных через iframe (редкий способ)

<iframe name="hiddenFrame" style="display:none"></iframe>
<form action="iframe_handler.php" method="POST" target="hiddenFrame" id="hiddenForm">
  <input type="hidden" name="secret" id="secretInput">
</form>
<script>
document.getElementById('secretInput').value = 'mySecretValue';
document.getElementById('hiddenForm').submit();
</script>
  

<?php // iframe_handler.php
$secret = $_POST['secret'] ?? '';
file_put_contents('log.txt', 'Получен секрет: ' . $secret . "\n", FILE_APPEND);
echo 'ok';
?>
  

// Файл log.txt:
Получен секрет: mySecretValue