Confesso que estou há um tempo nesse pequeno desafio, estou desenvolvendo a parte de carrinho em meu ecommerce.
O objetivo é que exiba uma mensagem, ao usuário clicar em "Adicionar ao carrinho" de determinado produto.
O problema, é que só estou conseguindo pegar e exibir o valor do primeiro produto que é exibido em minha página (os demais produtos, não exibe mensagem).
Estou exibindo os produtos através de um foreach
, e coloquei o ID deles dentro de um input
.
Creio que o problema esteja na forma em que estou chamando a minha função.
O que eu poderia estar fazendo para solucionar esse meu problema?
PHP:
$connect = new PDO("mysql:host=localhost;dbname=ecommerce", "root", "");
$query = "SELECT * FROM produtos";
$statement = $connect->prepare($query);
$statement->execute();
$result = $statement->fetchAll();
foreach($result as $cont){
?>
<h6><?=$cont['produto']?></h6> // Nome dos produtos
<input type="hidden" id="id" value="<?=$cont['ID_detalhes']?>"> // Estou buscando esse value...
<a href="#" id="adicionar_carrinho">+ Adicionar ao carrinho</a> // Botão que chama a função ajax
<?php }
AJAX:
<script>
$('#adicionar_carrinho').on('click', function(){
$.ajax({
url: 'verificar-carrinho.php',
data: {ID_detalhes: $('#id').val()},
method: 'POST',
success:function(data){
$('#msg_carrinho').html(data); // Aqui é exibe a mensagem na tela
}
})
});
</script>
verificar-carrinho.php:
if(isset($_POST['ID_detalhes'])){
echo "Produto (".$_POST['ID_detalhes'].") foi adicionado ao seu <b>carrinho</b>!";
}
Comecei a trabalhar com AJAX
recentemente, agradeço a ajuda de todos!