Digitar CEP e pegar endereço por AJAX

50 views
Skip to first unread message

Elton Santos

unread,
Jan 19, 2016, 8:38:18 AM1/19/16
to jQuery (Brasil)
Fala galera, blz? Eu to tentando digitar o campo CEP e preencher automaticamente o endereço, estado, cidade via AJAX, ta quase tudo funcionando do jeito que quero, porém após eu digitar o CEP ele não mostra nos campos e não da nenhum erro, mostra apenas quando eu olho o Network do chrome.
Meu código ta aqui:


Tenho certeza que é apenas um detalhe, pois quando eu testei esse mesmo exemplo sem ajax ele funcionou corretamente. Alguém poderia me da uma força? Obrigado!

Ernani Azevedo

unread,
Jan 19, 2016, 8:45:52 AM1/19/16
to jque...@googlegroups.com
Bom dia, Elton.

Na URL de requisição AJAX está requisitando formato "javascript", e o correto seria "json". Além disto, pode utilizar método GET, da seguinte forma:

            url : "http://cep.republicavirtual.com.br/web_cep.php?formato=json&cep="+$('#cep').val(), /* URL que será chamada */ 
            contentType: 'application/json',
            type : 'GET', /* Tipo da requisição */ 
            data: '',
            dataType: 'jsonp', /* Tipo de transmissão */

Atenciosamente,
--
Ernani Azevedo
(51) 92425885

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Everton Antonio Ramos

unread,
Jan 19, 2016, 8:48:09 AM1/19/16
to jque...@googlegroups.com
eu faço assim (exemplo):

sua URL parece receber os dados por GET... e não por post...

// ajax
                $.post("ajax/pedidos/alocacoes/la.ler.ajax.jsp", {
                    id_alocacoes: id_alocacoes
                }, function (retorno) {
                    if (retorno !== null) {
                        $("#la_quantidade").val(retorno.lacres);
                        $("#la_codigo_inicial").val(retorno.proximo_lacre);
                        $("#la_codigos").val(retorno.codigos_lacres);
                    }
                }, "json");

Atenciosamente,

Everton

Elton Santos

unread,
Jan 19, 2016, 9:12:13 AM1/19/16
to jQuery (Brasil)
Nao rolou =/
Fiz todas as alterações possiveis e nada T_T


Por isso q tenho raiva de js, muitas possibilidades, muitas combinações e nunca consigo deixar 100% sem ter muito trabalho : (

Ramon José Silva

unread,
Jan 19, 2016, 9:18:19 AM1/19/16
to jque...@googlegroups.com
Tenta esse bloco de código e vê se te ajuda.

            if (resultadoCEP['resultado'] != 0) {
                jQuery('#cidade').empty().val(unescape(resultadoCEP['cidade']));
                jQuery('#estado').val(unescape(resultadoCEP['uf']));
                jQuery('#bairro').empty().val(unescape(resultadoCEP['bairro']));
                jQuery('#endereco').empty().val(unescape(resultadoCEP['tipo_logradouro']) + ' ' + unescape(resultadoCEP['logradouro']));
            }
        });

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.



--

Ramon José Silva 
(11) 2867-9411 / (11) 9 6090-8045


Elton Santos

unread,
Jan 19, 2016, 9:30:42 AM1/19/16
to jQuery (Brasil)
Nada, tbm pus esse unescape e nao rolou =l
Osso oh

Ramon José Silva

unread,
Jan 19, 2016, 10:29:50 AM1/19/16
to jque...@googlegroups.com
Elton, posso te add no GTalk? Ai a gente se fala melhor?

2016-01-19 12:30 GMT-02:00 Elton Santos <elton.me...@gmail.com>:
Nada, tbm pus esse unescape e nao rolou =l
Osso oh

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Nathan Mauclene

unread,
Jan 19, 2016, 10:45:57 AM1/19/16
to jQuery (Brasil)
Olha, pelo jeito o JSFiddle está com algum problema pois ele não está aceitando requisições externas que não sejam HTTPS por isso utilizei o CodePen, o código abaixo funcionou, veja se ele o atende:

Nathan Mauclene

unread,
Jan 19, 2016, 10:46:00 AM1/19/16
to jque...@googlegroups.com

Em 19 de janeiro de 2016 12:30, Elton Santos <elton.me...@gmail.com> escreveu:
Nada, tbm pus esse unescape e nao rolou =l
Osso oh

--

Tiago Vieira

unread,
Jan 19, 2016, 10:54:24 AM1/19/16
to jque...@googlegroups.com
O nome do campo é logradouro e não endereço como colocou no jQuery.


Mudei e funcionou.




Tiago Vieira

Nathan Mauclene

unread,
Jan 19, 2016, 10:57:23 AM1/19/16
to jque...@googlegroups.com
Isso mesmo, kkkkkk tinha esquecido de mudar isso...

Elton Santos

unread,
Jan 19, 2016, 10:59:11 AM1/19/16
to jQuery (Brasil)
Ramon, pode sim cara! :)


Em terça-feira, 19 de janeiro de 2016 10:38:18 UTC-3, Elton Santos escreveu:

Elton Santos

unread,
Jan 19, 2016, 11:02:28 AM1/19/16
to jQuery (Brasil)
Nathan, eu peguei teu codigo aki e realmente funcionou, obrigado! Mas ainda insisto numa coisa,
 pq q nao pega com o $.ajax??? Eu queria muito usar essa função, pois ela ja tem o beforeSend, complete, success... tudo o que preciso.
daí a sua função funciona de boa, mas pq nao tem o ajax? Vlww!



Em terça-feira, 19 de janeiro de 2016 10:38:18 UTC-3, Elton Santos escreveu:

Elton Santos

unread,
Jan 19, 2016, 12:11:13 PM1/19/16
to jQuery (Brasil)
Analisando meu código eu vi que nada ta entrando no success. Coloquei altos console.log e nenhum entra dentro do success, por que? Eu pus error, beforeSend, complete e todos funcionam normalmente, menos o success. Alguém pode me explicar isso, por favor?
Quando eu olho no Network do chrome, ta tudo de boa, retorna os valores e tal, mas não preenche os campos tampouco passa algo pelo success
Que estranho Oo

Elton Santos

unread,
Jan 19, 2016, 1:01:15 PM1/19/16
to jQuery (Brasil)
Deu certo caras, vlwwww, vcs são feras demais!!


Agora deixei no meu git pra sempre que precisar usar e quem quiser pegar e usar. Vlw msm, vocês são show de bola! Agora vou pra minha proxima dor de cabeça, integrar isso com o Rails D:
Reply all
Reply to author
Forward
0 new messages