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.
 
     
     
    