Logo SatellaSoft



Requisitando dados de endereço com Javascript

Veremos neste artigo como fazer uma requisição utilizando uma API de CEP.


Ícone homem Gunnar Correa
Ícone data de publicação 11/03/2018
Ícone quantidade de visualização 2,214
Ícone bandeira do Brasil Português

É muito comum quando vamos nos cadastrar em algum site, e temos que preencher os dados de endereço, como nome, número, cidade e estado. Normalmente estes formulários tem um recurso que quando informado o CEP, ele preenche os demais campos, assim facilitando a vida do usuário e agilizando o seu cadastro. Neste artigo você confere duas videoaulas na qual criamos uma requisição do site viacep.com.br, onde ele nos retorna os dados de endereço para que possamos inseri-los nos campos do nosso formulário.

 

Requisitando dados de endereço com Javascript - Configurando o projeto

 

Requisitando dados de endereço com Javascript - Requisitando dados na API

Os algoritmos criados durante as aulas estão disponíveis abaixo. Não se esqueça de importar o jQuery para o seu pacote.

index.html



	
		Buscar CEP com Javascript
		
		
	
	
		

Informe o CEP para que possamos processar de forma automática as demais informações.

script.js

$(document).ready(function(){
	$("#txtCep").focusout(function(){
			var cep = $("#txtCep").val();
			cep = cep.replace("-", "");

			var urlStr = "https://viacep.com.br/ws/"+ cep +"/json/";
		
			$.ajax({
				url : urlStr,
				type : "get",
				dataType : "json",
				success : function(data){
					console.log(data);
					
					$("#txtCidade").val(data.localidade);
					$("#txtEstado").val(data.uf);
					$("#txtBairro").val(data.bairro);
					$("#txtRua").val(data.logradouro);
					$("#txtComplemento").val(data.complemento);
				},
				error : function(erro){
					console.log(erro);
				}
			});
	});
});

Por hora é isso, nos vemos na próxima.





Sobre o autor


Gunnar Correa

Nome: Gunnar Correa

Site: http://www.gunnarcorrea.com


Autodidata, graduado em Desenvolvimento Web e especialista em Tecnologias na Educação em uma universidade no interior de São Paulo. Comecei meus estudos na área de programação quando ainda era criança, e atualmente estou estudando desenvolvimento de jogos.

Sou o CEO do portal SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.


Comentários



É necessário estar autenticado para comentar, clique aqui para se registrar ou aqui para acessar a sua conta!