Carrinho de Compras AJAX

[rafa2098 1]

Olá pessoal, não sei se coloquei o tópico no lugar certo... mais vamos lá.

 

Estou precisando criar um carrinho de compras em ajax, já fiz alguns carrinhos de compras, mais nunca que ao adicionar o produto ele me passe as informações do produto pro meu carrinho que fica na mesma pagina.

 

Pesquisei e pesquisei e não consegui achar nenhuma aula, ou tutorial sobre o assunto, o máximo que achei foi um post sobre carrinho de compras utilizando ajax mais e daqueles que puxam o produto para dentro do carrinho, eu gostaria que ao clicar no botão COMPRAR o produto seja adicionado ao carrinho que ficará ao lado dos produtos.

 

se alguém poder me ajudar serei super grato.

[angelorubin 142]

Creio que não procurou certo, veja (com a tríade php, mysql e jquery) :

 

Tutoriais em português - https://www.google.com.br/search?q=carrinho+de+compra+ajax&ie=utf-8&oe=utf-8&gws_rd=cr&ei=JACYVPPJGcGngwSQ64HIAw#q=carrinho+de+compra+php+mysql+jquery

 

Tutoriais em inglês - https://www.google.com.br/search?q=carrinho+de+compra+ajax&ie=utf-8&oe=utf-8&gws_rd=cr&ei=JACYVPPJGcGngwSQ64HIAw#q=shopping+cart+jquery+php+mysql

 

Se precisar de ajuda ou tiver dúvida com a implementação e só postar.

[rafa2098 1]

Creio que não procurou certo, veja (com a tríade php, mysql e jquery) :

 

Tutoriais em português - https://www.google.com.br/search?q=carrinho+de+compra+ajax&ie=utf-8&oe=utf-8&gws_rd=cr&ei=JACYVPPJGcGngwSQ64HIAw#q=carrinho+de+compra+php+mysql+jquery

 

Tutoriais em inglês - https://www.google.com.br/search?q=carrinho+de+compra+ajax&ie=utf-8&oe=utf-8&gws_rd=cr&ei=JACYVPPJGcGngwSQ64HIAw#q=shopping+cart+jquery+php+mysql

 

Se precisar de ajuda ou tiver dúvida com a implementação e só postar.

Opa, Tudo bem? então depois de todas as pesquisas que fiz eu resolvi tentar fazer o carrinho normalmente e aplicar o ajax posteriormente.

 

não estudei muito ajax, ainda estou estudando e sou muito fraco ainda, mais ja dei inicio ao carrinho e gostaria da opiniões de voces e ajuda para melhorar o meu codigo.

 

Index.php

<div id="carrinho-cardapio"></div>

carrinho.js

$(function(){
	debuga = $('#carrinho-cardapio');
	enviar = $('form[name="carrinho"]');
	action = 'php/carrinho.php';


function resposta(datas){
	debuga.empty().html(datas);
}

		enviar.submit(function(){
		var procurar = $('input[name="id"]').val();

		
		$.post(action,{procurar: procurar},resposta);
		
		
		return false;	
	});

});

carrinho.php

<?php

session_start();

  // Se não exister a sessai CARRINHO ele ira criar
  if(!isset($_SESSION['carrinho'])){
    $_SESSION['carrinho'] = array();

  }

  // Adciona Produto

  if(isset($_POST['comprar'])){

    // Adciona no carrinho

    if($_POST['comprar'] == 'comprar'){
      $id = intval($_POST['id']);
      if(!isset($_SESSION['carrinho'][$id])){
        $_SESSION['carrinho'][$id] = 1;

      }else{
        $_SESSION['carrinho'][$id] += 1;
      }

    }

  }


   mysql_connect("localhost", "root", "");
      mysql_select_db("carrinho");


 if(count($_SESSION['carrinho']) == 0){
 echo '<tr><td colspan="5">Não há produto no carrinho</td></tr>';
 }else{
    $total = 0;
  foreach($_SESSION['carrinho'] as $id => $qtd){

    $sql = "SELECT * FROM produtos WHERE id = '$id'";
    $qr  = mysql_query($sql) or die(mysql_error());
    $ln  = mysql_fetch_assoc($qr);

    $nome = $ln['nome'];
    $preco = number_format($ln['preco'], 2, ',', '.');
    $sub = number_format($ln['preco'] * $qtd, 2, ',', '.');

    $total += $ln['preco'] * $qtd;

    echo "

    <h3 style=\"padding-bottom:10px;\">Itens (4)<span class=\"caixa-trash\" style=\"float:right;\"><i class=\"icon-trash\" style=\"color:#FFF;\"></i></span></h3>

    <div id=\"item-carrinho\">

      <span class=\"fechar-item\"><i class=\"icon-cancel\"></i></span>
      <img src=\"images/pizzas/img1.jpg\" width=\"60\">
      <input type=\"text\" name=\"\" value=\"1\">
      <span style=\"padding-left:15px;\"><b>R$ 59</b></span>   

    </div>
    ";
  }
}




?>

 

[angelorubin 142]

Veja um exemplo bem simplista:

 

http://jsfiddle.net/angelorubin/e9dh66ns

 

Você pode até verificar a identificação do cliente (login), como a maioria dos sites de comprar fazem, depois da compra finalizada.