Ajuda para implementar autocomplete jquery.ui

[Andreia Regina 1]

Boa tarde,

Procurei no fórum e em vários lugares, mas não consigo desenvolver essa parte da aplicação de cadastro de usuário.

Nesse projeto preciso que o usuário que não saiba o CEP, pesquise-o pelo endereço no banco de dados.

<script type="text/javascript" src="jquery/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="jquery/bootstrap.min.js"></script>
<script type="text/javascript" src="jquery/jquery-ui.min.js"></script>

A busca pelo CEP está assim e funciona corretamente:

<script type="text/javascript">
//pegar o endereço com o cep
$(document).ready(function(){
    var cep;
    cache=false;
  
    $("#cep").blur(function(){//quando o usuario tirar o foco do campo executa essa função
        cep=$("#cep").val(); //recebe o valor do campo cep digitado pelo usuário
//alert("valor CEP ."+ cep); getJSON
        $.get("//www.dominio.com.br/consulta_endereco.php?cep="+cep, function(data) {
            console.log(data);
                $("#endereco").val(data.endereco);              
                $("#bairro").val(data.bairro);            
                $("#cidade").val(data.cidade);
                $("#estado").val(data.estado);               
                $("#cod_endereco").val(data.cod_endereco);               
                $('#numero').focus();
        }, "json");//fim do jSON 
    })
})
</script>

Agora criei um item Não sei o Cep que abre uma janela modal, onde o cliente deve digitar o endereço:

<script type="text/javascript">
//abrir janela para pesquisa de endereço
$(document).ready(function(){
    $("a[rel=modal]").click( function(ev){
        ev.preventDefault();
         $('#endereco2res').val('');
  
        var id = $(this).attr("href");
  
        var alturaTela = $(document).height();
        var larguraTela = $(window).width();
      
        //colocando o fundo preto
        $('#mascara').css({'width':larguraTela,'height':alturaTela});
        $('#mascara').fadeIn(1000); 
        $('#mascara').fadeTo("slow",0.8);
  
        var left = ($(window).width() /2) - ( $(id).width() / 2 );
        var top = ($(window).height() / 2) - ( $(id).height() / 2 );
      
        $(id).css({'top':top,'left':left});
        $(id).show();   
    });
  
    $("#mascara").click( function(){
        $(this).hide();
        $(".window").hide();
    });
  
    $('.fechar').click(function(ev){
        ev.preventDefault();
        $("#mascara").hide();
        $(".window").hide();
        $('#endereco2res').val('');
    });
});
</script>

Está funcionando perfeitamente até aí, mas preciso implementar a busca pelo endereço já previamente cadastrado no banco (integração com outro sistema da empresa) e não consegui fazer funcionar nenhum dos diversos scripts que encontrei na internet.

Já tentei com este:
Autocomplete com jquery ui, php e mysql
Mas a busca não funciona usando:

$.ajax({
                url: "consulta.php",
                dataType: "json",
                data: {
                    acao: 'autocomplete',
                    parametro: $('#busca').val()
                },
                success: function(data) {
                   response(data);
                }
            });

Só como no exemplo do CEP.

Com esse aqui do fórum e também nada...

Agradeço se alguém puder me dar um norte para eu conseguir desenvolver essa funcionalidade.

[gabrielmourao 0]

O único jeito de juntar o ui autocomplete com mysql+php que eu consegui foi essa gambiarra:

  <script>
  $(function() {
    var campos = [
      <?php
      $sql = "SELECT * FROM tabela";
      $rs = mysql_query($sql);
      while($linha = mysql_fetch_array($rs)){
          echo "'".$linha['campo']."',";
      }
      ?>
      ""
    ];
    $( "#input" ).autocomplete({
      source: campos
    });
  });
  </script>