Как передать содержимое DOM-элемента из js в php?

Question

[Максим Кукушкин]

Здравствуйте!

Возникла следующая задача. Нужно получить в php-файл содержимое некоторых элементов на страничке. Содержимое не является частью формы. Приведу пример, чтобы было понятнее:

<h2 id="hello">Привет</h2>
<?php
$text = ... // Получаю содержимое тега в php переменную и дальше работаю с ней
?>

let hello = document.querySelector('#hello');
let text = hello.textContent; // Получаю текстовое содержимое "Привет" элемента "#hello" 
    /* Здесь какой-то код для передачи данных в php */

Собственно, как передать?)

P.S. Если есть возможность получить значение в переменную php напрямую, обойдя js, такой вариант тоже подойдёт

Answer 1

[WapSter]

Отправить при помощи fetch post запрос в php.

let hello = document.querySelector('#hello');
let text = hello.textContent; // Получаю текстовое содержимое "Привет" элемента "#hello" 
    /* Здесь какой-то код для передачи данных в php */
fetch('url', {
  method: 'POST',
  headers: {'Content-Type': 'application/json;charset=utf-8'},
  body: JSON.stringify(text)
});

Comments

[Максим Кукушкин]

Хорошо, а как полученное в php принять уже?

[WapSter]

Максим Кукушкин, без понятия поищи, я больше по ноде)

[Максим Кукушкин]

WapSter, Ок, в любом случае спасибо) Сейчас хотя бы отправляется. Принять осталось))

[Александр]

Максим Кукушкин, попробуйте так:

$data = file_get_contents('php://input');
$data = json_decode($data);

var_dump($data);

[Максим Кукушкин]

Александр, Возвращает NULL

[Максим Кукушкин]

Александр, Смотрю в консоль, всё отправляется, скрин ниже. Но php этим кодом возвращает null