Как правильно отправить и обработать данные на сервере методом json?

Question

[Юра Комаров]

Всем доброго утра. Делаю небольшую форму в которой есть 10 checkbox (- ов)

<input type="checkbox" name="params[]" value="1">
<input type="checkbox" name="params[]" value="2">
....
<input type="checkbox" name="params[]" value="10">

Отправляю данные

const data = $('form').serialize();
const req = new XMLHttpRequest();
req.open('POST', 'file.php', true);
req.setRequestHeader('Content-Type', 'text/plain');
req.send(JSON.stringify(data));
req.onreadystatechange = () => {
	console.log(req);
	console.log(req.responseText);
};

На сервере получаю

$rawPost = file_get_contents('php://input');

header('Content-type: text/plain; charset=utf-8');
header('Cache-Control: no-store, no-cache');
header('Expires: ' . date('r'));

if ($rawPost) {
	// Разбор пакета JSON
	$record = json_decode($rawPost);
	echo $record;
}

Подскажите пожалуйста, как правильно отправить данные "params[]" через json?
Или, как сделать что бы на сервере был массив вида
[1, 2, ..., 10];
с которым уже будет комфортно работать

Comments

[Сергей Соколов]

Раз уже используется jQuery, почему бы и ajax-запросы не делать через $.post (url, data)?

[Юра Комаров]

Тогда другой вопрос, как правильно собрать данные в JSON из этой формы?

[FanatPHP]

просто интересуюсь, какой результат ожидается от echo $record;?

Answer 1

[Сергей Соколов]

const data = [];
$('input[name="params[]"]:checked').each((i, el) => data.push(el.value));
$.post('file.php', data);

Answer 2

[vldud]

https://api.jquery.com/serialize/