Ajuda para implementar autocomplete jquery.ui
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.
Discussão (1)
Carregando comentários...