Как по нажатию на кнопку передавать данные о ней в php?

Question

[yggthris]

У меня есть несколько карточек с разными данными, которые хранятся в базе и достаются оттуда для отображения. Нужно их редактировать по нажатию на кнопку "изменить". При этом на месте данной карточки должна появляться карточка для редактирования, куда будут передаваться данные из всё той же базы по id, который я записала в id каждой кнопки и откуда потом хочу извлечь.
Написала функцию-обработчик для кнопок, отправляю данные посредством COOKIE, POST-ом вообще не получается. Но COOKIE обновляются совсем не по отправке, т.е. когда я сначала изменяю одну карточку, затем приступаю к другой - на второй карточке появляется информация из первой, потому что COOKIE не обновились.
Есть ли другой способ это исправить? Страницу перезагружала location.reload() - не работает, при чистке COOKIE они вообще перестают записываться.
Уточнение: данные из базы извлекаются посредством PHP, а, соответственно, я пытаюсь передать id карточки в PHP-код из JS-кода.

Comments

[キム ファイブプラス]

Где пример того, что не получается?

[yggthris]

キム ファイブプラス, того, что POST-ом не получается?

[キム ファイブプラス]

ajdivot, естественно

[yggthris]

キム ファイブプラス,
это на JS в обработчиках кнопок в edit_orders.php

$.ajax({
			type: 'POST',
			url: 'edit_orders.php',
			data: {
				'element_id': element_id
			},
			success: function(data) {
				// делаю видимой карточку для редактирования
			}
		});

и на PHP в том же edit_orders.php делаю $element_id = $_POST['element_id']; и в итоге ничего нет.

[yggthris]

キム ファイブプラス,
COOKIE при аналогичном применении работают, т.е. в JS document.cookie = "element_id=" + element_id;
в PHP $element_id = $_COOKIE['element_id'];

[キム ファイブプラス]

$.ajax({
    type: 'POST',
    url: 'edit_orders.php',
    dataType: 'JSON',
    data: {'element_id': element_id},
    processData: false,
    contentType: false,
    cache: false,
    async: true
});

[yggthris]

キム ファイブプラス, $element_id = $_POST['element_id']; не получает ничего.

[キム ファイブプラス]

Значит он где то переопределяется. Здесь экстрасенсов нет.
Сделай новый файл c var_dump($_POST); и посмотри что в нем выводится.

Могу предположить что парсера никого нет на бэке.
Тогда JSON принимается по другому.

$post = file_get_contents("php://input");
$data = json_decode($post, true);
var_dump($data);

Если хочешь в POST, тогда FormData.

let formData = new FormData;
formData.append("element_id", element_id);
$.ajax({
    type: 'POST',
    url: 'edit_orders.php',
    data: formData,
    processData: false,
    contentType: false,
    cache: false
});

[yggthris]

キム ファイブプラス,

<?php
echo "<button class='btn-submit b-edit' id='button-1'>Изменить</button>";
echo "<button class='btn-submit b-edit' id='button-2'>Изменить</button>";
echo $_POST['element_id'];
?>
<script>
	$(document).on('click', '.b-edit', function() {

		let element_id = $(this).attr("id");
		element_id = element_id.split('-')[1];

		let formData = new FormData;
		formData.append("element_id", element_id);
		$.ajax({
			type: 'POST',
			url: 'edit_orders.php',
			data: formData,
			processData: false,
			contentType: false,
			cache: false
		});
	})
</script>

Допустим всё это имеет такой вид. Я смотрю в консоли браузера, что formData есть, они там появляются. Но в итоге ничего. В файле больше ничего нет.

[yggthris]

キム ファイブプラス,

[yggthris]

キム ファイブプラス,

<?php
echo "<button class='btn-submit b-edit' id='button-1'>Изменить</button>";
echo "<button class='btn-submit b-edit' id='button-2'>Изменить</button>";
$post = file_get_contents("php://input");
$data = json_decode($post, true);
var_dump($data);
?>
<script>
	$(document).on('click', '.b-edit', function() {

		let element_id = $(this).attr("id");
		element_id = element_id.split('-')[1];

		$.ajax({
			type: 'POST',
			url: 'edit_orders.php',
			dataType: 'JSON',
			data: {
				'element_id': element_id
			},
			processData: false,
			contentType: false,
			cache: false,
			async: true
		});
	})
</script>

Если с json, то var_dump($data); дает NULL