I'm currently having some trouble posting a variable on jQuery for MySQLi SELECT on a PHP page.
Code of jQuery:
$("#carta1").click(function()
{
cartaId = document.getElementById("carta1").value;
console.log(cartaId);
ajaxGetResults = $.ajax({
context: this,
type: "POST",
url: "darResposta.php",
data: {'cartaId' : cartaId},
cache: false,
dataType: "json"
})
.done(function(data){
$('#3').html(data);
console.log("Avançou para a terceira parte");
$("#2").hide();
$("#3").show();
})
.fail(function(){
console.log('Erro ao buscar dados');
$("#2").hide();
$("#3").show();
$('#3').html("Deu erro");
});
});
Code of PHP:
if(!$conn)
{
echo "Falhou a ligação à base de dados";
}
else
{
if(isset($_POST['cartaId']))
{
$cartaId = $_POST['cartaId'];
$res = mysqli_query($conn,"
SELECT cartaNome, cartaDescricao
FROM tarot_cartas
WHERE cartaId = ".$cartaId
);
$data = array();
while($row = mysqli_fetch_assoc($res))
{
$data=$row;
}
echo json_encode($data);
}
}
Tried several approaches to this problem such as putting the $cartaId outside the if statement with a direct $_POST, and nothing happened.
Would appreciate if you could shed some light on this problem.
Thanks for taking the time to read and suggest a solution.