Buscar Cep via webservice javascript

Algumas vezes precisamos em um cadastro de usuário por exemplo, preencher e validar automaticamente alguns campos. Neste post veremos um exemplo com buscador de dados do CEP.

Para buscar cep via webservice com jQuery você poderia criar os campos input text para Cidade, Complemento, Endereço e UF alem do campo CEP. Com estes campos declarados podemos utilizar algum webservice para consulta e obtenção de dados. Existem muitos webservices disponíveis gratuitamente no mercado... no exemplo abaixo utilizarei o Viacep.

Segue código jQuery:

$("#Cep").keyup(function (e) {
            e.preventDefault();
            var cep = $(this).val().replace("-", "");
            if (cep.length == 8) {
                $.getJSON("https://viacep.com.br/ws/" + cep + "/json/", {},
                    function (data) {
                        if (data.ibge) {
                            $("#Cidade").val(data.localidade);
                            //data.bairro;
                            $("#Complemento").val(data.complemento);
                            $("#Endereco").val(data.logradouro);
                            $("#UF").val(data.uf);
                        } else {
                            $("#Endereco").val("Por favor informe um cep correto.");
                        }
                    });
            }
        });

Até a próxima ;)