Problema nel passaggio di variabili da JAVASCRIPT a PHP

[Pippiuz]

Vorrei chiamare una funzione PHP con il click di un bottone HTML e ho letto che il modo migliore è utilizzare AJAX.
Vorrei passare un paio di variabili dalla funzione AJAX a quella PHP e quindi ho letto che devo utilizzare XMLhttprequest.send() ma non riesco nel mio intento.

Il codice è il seguente.

<input type="button" value="Elimina" class="btn_elimina" onClick="removeAndReplace(1, 'Shopping')">

JAVASCRIPT

function removeAndReplace(id, sezione){	var xhttp = new XMLHttpRequest();
	
	xhttp.onreadystatechange = function() {
		if (xhttp.readyState == 4 && xhttp.status == 200) {
			alert(xhttp.responseText);
		}
	}
	
	xhttp.open("POST", "removeAndReplace.php", true);
	xhttp.send("id=" + id + "&sezione=" + sezione);

}

print_r($_POST);$id = $_POST['id'];$sezione = $_POST['sezione'];
etc.. 

I browser, in questo caso Firefox e Chrome, mi restituiscono i seguenti avvisi che poi chiaramente provocano errori nel codice seguente.

Array ( )
Notice: Undefined index: id in C:\pweb\tools\xampp\htdocs\Bazaar\php\removeAndRep lace.php on line 6

Notice: Undefined index: sezione in C:\pweb\tools\xampp\htdocs\Bazaar\php\removeAndRep lace.php on line 7

Per la precisione la riga 6 è $id = $_POST['id']; e la 7 è $sezione = $_POST['sezione'];

Qualcuno sa dirmi dove sto sbagliando?

[KillerWorm]

Personalmente utilizzo jQuery e il relativo metodo ajax() che mi semplifica tutto l'ambaradan. Se già usi jQuery ti consiglierei vivamente l'uso di tale metodo.

Ad ogni modo, sul tuo script prova ad aggiungere un setRequestHeader tra open e send (assicurati che sia lì in mezzo), in questo modo:

xhttp.open("POST", "removeAndReplace.php", true);
xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhttp.send("id=" + id + "&sezione=" + sezione);

Non chiedermi perché dovrebbe funzionare e a cosa serve, l'ho visto dire qui
https://stackoverflow.com/questions/...mment-11173815

In effetti ho provato e sembra funzionare.

[Nexus0100]

Ad ogni modo, sul tuo script prova ad aggiungere un setRequestHeader tra open e send (assicurati che sia lì in mezzo), in questo modo:

xhttp.open("POST", "removeAndReplace.php", true);
xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhttp.send("id=" + id + "&sezione=" + sezione);

Non chiedermi perché dovrebbe funzionare e a cosa serve, l'ho visto dire qui
https://stackoverflow.com/questions/...mment-11173815

In effetti ho provato e sembra funzionare.

Concordo con te sull'uso di jQuery, aggiungo per pura curiosità che il formato dell'header application/X-www-form-urlencoded serve solo ad indicare che il pacchetto HTTP che si sta mandando contiene dati nel suo body in formato urlencoded è ciò permette di effettuare una get tramite l'array $_POST[] di PHP tutto qui, spero di essere stato utile ed aver aggiunto curiosità alla cosa