Ir para conteúdo

POWERED BY:

Nickbr

passar dados da pesquisa no banco para html

Recommended Posts

Bom dia pessoal.

Estou precisando muito da ajuda de vcs. Estou com um problema a dias em uma página html na qual pego 3 dados para pesquisa no banco. Até aí tudo bem. Conecto no banco, e tenho o retorno da pesquisa corretamente via busca.php, mas, os dados que estão em busca.php não consigo passar para o html. A execução para no php e aparecem em uma pagina em branco, não retornando para a página em html. Abaixo o trecho do código em index.html:

<form id="form_pesquisa"  method="post">    

                                    <select name="selsegmento" class="custom-select">

                                        <option selected>Segmento</option>

                                        <option value=""></option>

                                        <option value="2">Restaurante</option>

                                        <option value="3">Serviços Manuais</option>

                                         <option value="4">Tecnologia</option>

                                         </select> 

                                       outro select...

                  <button type="submit" id="Buscar" ><i class="fa fa-search pr-2" aria-hidden="true"></i> Pesquisar</button>

</form>

 

trecho do codigo de busca.php:

 

<section class="panel col-lg-9">

    <header class="panel-heading">

        Dados da busca:

    </header>

    <?php

        if (count($resultado) > 0){

    ?>

    <table>

        <tbody>

            <tr>

                <th> segmento  </th>

                <th> nome </th>

            </tr>

            <?php

                foreach ($resultado as $res) {

            ?>

            <tr>

                <td><?=$res['seg_nome'];?></td>

                <td><?=$res['nome_nome'];?></td>

            </tr>

            <?php }?>

        </tbody>

    </table>

    <?php } else {?>

        <h3> Dados não encontrados </h3>

<?php }?>

</section>

 

Aguardo a ajuda de vcs. Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você poderia utilizar Ajax para realizar a

busca, e após o mesmo, inserindo o

resultado na página html utilizando a

função append().

 

Segue links úteis:

http://devfuria.com.br/javascript/ajax-php-jquery/

https://www.devmedia.com.br/ajax-com-jquery-trabalhando-com-requisicoes-assincronas/37141

https://api.jquery.com/append/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por jdlucena
      Olá, pessoal!
      Estou precisando mostrar os dados da consulta porém não sei como passar os restante das informações, por exemplo:
      Precisa constar os dados do funcionário (nome, telefone, email), porém só estou conseguindo passar o nome.

      A class é Funcionários
      e a função é essa:
      private function registerNewUser() { $this->db_connection = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME); if (!$this->db_connection->set_charset("utf8")) { $this->errors[] = $this->db_connection->error; } if (!$this->db_connection->connect_errno) { $sql = "SELECT * FROM users ORDER BY user_name ASC"; $result_of_login_check = $this->db_connection->query($sql); $this->total[] = $result_of_login_check->num_rows; while ($resultado = $result_of_login_check->fetch_object()) { $this->errors[] = $resultado->user_name; } } else { $this->errors[] = "Sorry, no database connection."; } e o HTML é esse:
      <?php foreach ($funcionarios->errors as $error) { ?> <div class="col-md-4 col-sm-4 col-xs-12 profile_details"> <div class="well profile_view"> <div class="col-sm-12"> <h4 class="brief"><i></i></h4> <div class="left col-xs-7"> <h2><?php echo $error; ?></h2> <p><strong>About: </strong> Web Designer / UX / Graphic Artist / Coffee Lover </p> <ul class="list-unstyled"> <li><i class="fa fa-building"></i> Address: <?php echo $error; ?></li> <li><i class="fa fa-phone"></i> Phone #: <?php echo $error; ?></li> </ul> </div> <div class="right col-xs-5 text-center"> <img src="images/user.png" alt="" class="img-circle img-responsive"> </div> </div> <div class="col-xs-12 bottom text-center"> <div class="col-xs-12 col-sm-6 emphasis"> <p class="ratings"> <a>4.0</a> <a href="#"><span class="fa fa-star"></span></a> <a href="#"><span class="fa fa-star"></span></a> <a href="#"><span class="fa fa-star"></span></a> <a href="#"><span class="fa fa-star"></span></a> <a href="#"><span class="fa fa-star-o"></span></a> </p> </div> <div class="col-xs-12 col-sm-6 emphasis"> <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user"> </i> <i class="fa fa-comments-o"></i> </button> <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user"> </i> View Profile </button> </div> </div> </div> </div> <?php } ?>} Alguém poderia me ajudar a colocar o user_fone e o user_email?
    • Por crebs86
      Bom dia pessoal. Continuo apanhando de JS.
      Pois bem, segue um script para discussão:
      <script> function buscar(palavra, texto){ var contar = document.forms[0].texto.value.length if (contar%20 == 0) { var page = "evoluir.php"; var palavra = document.getElementById(palavra).value; var texto = document.getElementById(texto).value; $.ajax({ type: 'POST', dataType: 'html', url: page, beforeSend: function () { $("#dados").html("Salvando Rascunho..."); }, data: {palavra: palavra, texto:texto}, success: function (msg){ $("#dados").html(msg); } }); }else{ document.forms[0].caracteres.value= contar; } } $('#buscar').click(function () { buscar($("#palavra").val(),$("#texto").val()) }); </script> <form action="#" method="post"> <td><input type="text" name=caracteres size=4></td> <input type="text" class="form-control" id="palavra" placeholder="Buscar por..."> <textarea type="text" id="texto" name="texto" onKeyDown="buscar('palavra','texto')" onKeyUp="buscar('palavra','texto')" style="min-height:300px;width:90%;background-color:#000;color:white;font-size:16px;" placeholder="Evolução clínica" ></textarea> <button class="btn btn-default" id="buscar" type="button" onclick="buscar('palavra','texto');">Finalizar</button> <button class="btn btn-default" id="buscar" type="button" onclick="buscar('palavra','texto');">Salvar rascunho</button> </form> <div id="dados">Pesquise por nome do paciente ou número de prontuário</div> Neste código eu envio (deveria) os dados do forma quando o texto do <textarea> atingisse um múltiplo de 20, porém quando eu a função buscar é chamada aparece o erro no depurador: TypeError: buscar is not a function. Tando para onKeyDown quanto para onKeyUp.
      Entretanto se eu separo a parte de fazer a conta (múltiplos de 20) da parte de enviar o FORM e as testos separadamente elas funcionam perfeitamente. O que faço errado ao mescla-las?
      Agradeço
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.