Передача данных между Javascript и PHP

В веб-приложениях часто необходимо обмениваться данными между кодом Javascript на стороне клиента и серверные PHP-скрипты. В этой статье показано, как установить этот канал связи и передавать данные в обоих направлениях.

Передача данных из Javascript в PHP

Чтобы отправить данные из Javascript в PHP, вы можете сделать HTTP-запрос к PHP-скрипту. Один из способов сделать это — через объект XMLHttpRequest:

// Data to be sent to PHP script
const data = {tohex: 4919, sum: [1, 3, 5]};

// Create an XMLHttpRequest object
const httpc = new XMLHttpRequest();

// Open a POST request to the PHP script
httpc.open("POST", "server.php", true);

// Set the request header to specify the content type
httpc.setRequestHeader("Content-Type", "application/json");

// Send the data to the PHP script
httpc.send(JSON.stringify(data));

// Process the response from the PHP script
httpc.onreadystatechange = function() {
  if (httpc.readyState === 4 && httpc.status === 200) {
    console.log(httpc.responseText);
  }
};

Передача данных из PHP в Javascript

Чтобы отправить данные из PHP в Javascript, вы можете использовать оператор echo:

// Retrieve data from the HTTP request body
$data = json_decode(file_get_contents("php://input"));

// Calculate the hex value and sum
$tohex = base_convert($data->tohex, 10, 16);
$sum = array_sum($data->sum);

// Echo the results
echo json_encode([$tohex, $sum]);

Затем сценарий Javascript может обработать ответ с помощью JSON.parse().