Arquivo

Textos com Etiquetas ‘jquery’

Busca de CEP no seu form apenas com Javascript

5, dezembro, 2011 Sem comentários

Busca de CEP, sempre foi um grande problema em grandes empresas, mas para pequenos projetos nem se fala. O objetivo não é ter 100% de certeza para busca de cep, mas sim uma alternativa via internet sem grandes complicações.

Vantagens

  • É melhor ter uma busca de 90% dos casos do que nada
  • Sem custo com base dos correios
  • Sem custo de infraestrutura
  • Muito, mas muito simples utilizar o código

Desvantagens:

Ao que interessa, como fazer.
Uma mistura de jquery, plugin de mascara, html é possível ter uma busca de CEP no seu formulário. A magia está na unica possibilidade de se fazer um cross-request em um browser com dominios diferentes, getScript do jquery. Ele vai fazer uma requisição do tipo GET em um script. Pensando nisso e utilizando o próprio exemplo do site republica virtual, é possível fazer a busca online de CEP.
O Script:
function findCEP() {
    if($.trim($("#zipcode").val()) != ""){
        $.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#zipcode").val(), function(){
            if(resultadoCEP["resultado"] == 1){
                $("#street").val(unescape(resultadoCEP["tipo_logradouro"])+" "+unescape(resultadoCEP["logradouro"]));
                $("#district").val(unescape(resultadoCEP["bairro"]));
                $("#city").val(unescape(resultadoCEP["cidade"]));
                $("#state").val(unescape(resultadoCEP["uf"]));
                $("#number").focus();
            }else{
                alert("Endereço não encontrado para o cep ");
            }
        });
    }
}
Teste a busca:

Download dos fontes: http://eliezer.com.br/files/cep-javascript.zip

Saiba mais sobre a base, exemplos no site: http://www.republicavirtual.com.br/cep/

Categories: javascript Tags: , ,