0

Olá pessoal estou fazendo um site em php, no qual há uma seção de botões. Quando eu seleciono um botão, deve fazer uma busca no BD e com o resultado, atualizar uma div sob os botões, sem recarregar a página.

É um sistema de e-commerce, no qual ao selecionar a cor, exibe os tamanhos cadastrados naquela cor.

Qual a melhor maneira de fazer isso?

O código abaixo seleciona a cor:

if($n->getNome() == "COR"){ ?>
                    <div class="row cor">
                        <div class="bloco_cor">
                            <div id="cor" class="texto">Cor</div>
                            <?php  

                                $pVariacao = new ProdutoVariacaoDao();

                                foreach ($produto as $prod) {
                                    $pv = $prod->getIdProdutoBase();
                                }

                                $teste = $pVariacao->findByIdAgrupado($pv);

                                foreach ($teste as $teste1) {
                                    $teste2 = $teste1->getIdOpcaoVariacao1();
                                //}


                                $opVariacao = new OpcaoVariacaoDao();
                                $opVar1 = $opVariacao->findById($teste2);
                                //var_dump($opVar1);

                                //foreach ($opVar1 as $op) {
                                    //$idOpVariacao1 = $op->getIdOpcaoVariacao();
                                    //echo "id var: ", $idOpVariacao1;

                                    $cores= $opVar1->getValor();
                                    $arrayCores = split("/", $cores, 2); ?>
                                    <div id="<?php echo $teste2 ?>" class="opcao_cor">
                                        <input class="inputIdProd" type="hidden" value="<?php echo $idProdutoBase; ?>">
                                        <div class="cor2" style="background-color:<?php echo $arrayCores[0];?>"></div>
                                        <div class="cor2" style="background-color:<?php echo $arrayCores[1];?>" ></div>
                                    </div>  
                            <?php } ?>      
                        </div>
                    </div>
        <?php } }?>

O código a seguir seleciona os tamanhos cadastrados no BD para a cor selecionada acima:

<div id="tamanho" class="row tamanho">
                        <div class="bloco_tamanho">
                            <div class="texto">Tamanho</div>


                            <?php if (isset($_SESSION['tamanhos'])) {

                                $opVariacao2 = new OpcaoVariacaoDao();
                                $tamanhos = unserialize($_SESSION['tamanhos']); 

                                foreach ($tamanhos as $tam) { 
                                    $id = $tam->getIdOpcaoVariacao2();
                                    $estoque = $tam->getEstoque();


                                    $t = $opVariacao2->findById($id);

                                    if ($estoque == 0) { ?>
                                        <div class="tam tam_ausente" id="tam1"><span></span><?php echo $t->getValor(); ?></div>
                                    <?php } else { ?>
                                        <div class="tam" id="tam1"><span></span><?php echo $t->getValor(); ?></div>
                                    <?php } ?>

                                <?php } ?>


                            <?php } ?>



                        </div>
                    </div>
2
  • O que você já tem feito em código? Poste ai.
    – user28595
    Commented 28/10/2015 às 17:18
  • Vou editar a pergunta com os códigos
    – Joab Nunes
    Commented 28/10/2015 às 17:34

1 Resposta 1

1

Use ajax:

$("select[name=cor]").change(function(){
    $.getJSON("linkdeconsulta",{idcor:$(this).val()},
        function(data){
            $.each(data, function(i, obj){
                $(".classdadivquevaireceberovalor").val(obj.valortamanho);
            });
          }
        );
});

No link de consulta você vai colocar para retornar um array de tamanho tipo JSON.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .