Intento pasar un dato a través del método POST con ajax, pero en el archivo php al que lo mando no consigo que recoja los datos. Adjunto código.
Aqui es donde con ajax intento mandar los datos, a mi php que recibe el array de POST vacío.
<script type="text/javascript">
function contratar(valor){
alert(valor);
$.ajax({
data: { id: valor },
url:'contratar.php',
type: 'POST',
success: function(){
alert("Proveedor correctamente añadido");
window.location = 'contratar.php';
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("Status: " + textStatus); alert("Error: " + errorThrown);
}
});
}
</script>
Aquí por medio de php voy haciendo echo y más tarde hago un onclick que llamará a la función donde esta ajax.
<div class="catalogo">
<table class="table" >
<?php
$contador=0;
$resultado = mostrarProveedores();
foreach($resultado as $valor){
foreach($valor as $valor2){
if($contador==3){
echo '<tr>';
$contador=1;
}
else{
$contador++;
}
echo '<th style="text-align:center;">';
echo '<img src="uploads/'.$valor2.'" alt="Proveedor" class="rounded mx-auto d-block" height="130px" width="130px">';
echo '<br>';
echo '<input type="button" value="Contratar" class="btn btn-primary" onclick="contratar(\'.$valor2.\')">';
echo '</th>';
}
}
?>
</table>
</div>
El problema esta en que $_POST['email'] es nulo.
function contratar(valor) {
let str = "email=jorge";
alert(valor);
var xhttp = new XMLHttpRequest();
xhttp.open("POST", "contratar.php", true);
xhttp.setRequestHeader("Content-type", "aplication/x-www-form-urlencoded");
xhttp.send(str);
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
let a = this.responseText;
console.log(a);
}
};
}