Use of jquery to pull records, but does not appear

Question

I saw in a celke tutorial, select the BD using php and list the records using jquery. I can see you pulled the data, but when it comes to showing inside the span, it doesn’t. I wonder where I went wrong, and how I pull other records, because there are several checkboxes to filter and when you click on them I want you to give a select in the bank and bring me this information there and I can style it.

(To home php. is inside a folder, and the index in another folder(root folder), I don’t know if that’s why I don’t read, and I don’t know how to get inside the other folder, use netbeans)

HTML

<span id="conteudo"></span>

JQUERY

    <script>
        $(document).ready(function(){
            $.post('home.php', function(retorna)
                $("#conteudo").html(retorna);
        });

                });
    </script>

PHP

$consulta_bd = "SELECT * FROM uniao";  
  $result=pg_query($conexao, $consulta_bd);  
  if  (($result)){  
      while($linha_usuario = pg_fetch_assoc($result)){    
          echo $linha_usuario['cd_regua'] . "<br>";  
}  
    }   else      
{  
      echo "Nenhum resultado encontrado";  
}

Answer 1

  $.ajax({
            url: "/home.php",  // coloque aqui o endereço que vai buscar os dados no banco         
            success: function (data) {                                  
                $('#conteudo').html(data); 
                $('#conteudo').show(); // Mostrar o retorno em texto no html

            },
            error: function (request, status, erro) {

                $('#conteudo').html('Ocorreu um erro, entre em contato com T.I!', erro);
                $('#conteudo').show();

            },
            complete: function (jqXHR, textStatus) {              

            }
        });