Как передать массив из js в php?

Question

[dpopov29033]

У меня есть такой маленький скрипт -

<script type="text/javascript">
    myForm.addEventListener('change', myChangeHandler)
    function myChangeHandler() {
    const checkedInputs = myForm.querySelectorAll('input:checked')
    const ids = Array.from(checkedInputs).map(inp => inp.id)
    const idsListString = JSON.stringify(ids) 
      // display
    out.textContent = idsListString
      // save
    localStorage.setItem('data', idsListString)
    }
  </script>

Как я могу передать массив из этого скрипта в php?

Answer 1

[Konata Izumi]

AJAX

Comments

[dpopov29033]

а если по подробней?

[Konata Izumi]

dpopov29033, подробнее - в гугл. Примеров тысячи, т.к. это типовая задача: посладть данные с фронта на бек.

Answer 2

[Евгений Матвеев]

передайте PHP скрипту через переменные $_GET или $_POST, позволяющие передавать массивы

Answer 3

[Mr_Sergo]

по подробней?

function myChangeHandler() {
	const checkedInputs = myForm.querySelectorAll('input:checked');
	const ids = Array.from(checkedInputs).map(inp => inp.id);

	const idsListString = JSON.stringify(ids);

	(async () => {
		let answer = await fetch('handler.php',{
			method: 'POST',
			headers: {'Content-type' : 'application/x-www-form-urlencoded; charset=UTF-8'},
			body: 'arrFromJS=' + idsListString  // на сервере ловить $_POST['arrFromJS']
		}),
		data = await answer.text();
		console.log(data);
	})();
	
	// display
	out.textContent = idsListString
	// save
	localStorage.setItem('data', idsListString)
}