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.

codice HTML:
<input type="button" value="Elimina" class="btn_elimina" onClick="removeAndReplace(1, 'Shopping')">
JAVASCRIPT
codice:
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);

}


Codice PHP:
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?