Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

visitante_xp

[Resolvido] Busca de CEP

Por , em Javascript

Recommended Posts

visitante_xp    0

visitante_xp
Postado

Iae galera...

 

Tenho um sistema que pede um cadastro de empresas. Quero que quando eu preencha o cep, na mesma hora os campos ja apareçam preenchidos. Eu ja tenho o link da procura, mas não sei como tratar as informações que me serão retornadas.

 

1° - Da pra fazer isso com JavaScript?

 

2° - Sei que vou ter que usar uma linguagem de programação (será PHP), mas primeiro tenho que tratar da dinamicidade do html pois não quero ter que dar refresh em todas as minhas operações (assim espero).

 

Abraço!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Da uma olhada nesse codigo em jQuery:

 

http://www.ajaxianos.com.br/2008/06/busca-de-cep-100-ajax/

 

muito bom.. funciona 100%

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Nuss...

 

Não manjo nada de JQuery, mas vlw assim mesmo William.

 

Eu ja havia conseguido um arquivo em PHP mas não sabia como tratar as informações no meu HTML.

 

Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara.. nem precisa manjar.. com esse jQuery.. você nem precisa de php.. ele já trás o retorno do webservice, prontinho pra você colocar no formulario HTML..

apenas siga os passos do tutorial do cara.. lembrando de importar a biblioteca

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Não ta funcionando.

 

Eu copiei o exemplo dele mas não ta dando certo.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" src="jquery.js">
	// Função única que fará a transação
	function getEndereco() {
			// Se o campo CEP não estiver vazio
			if($.trim($("#cep").val()) != ""){
				/*
					Para conectar no serviço e executar o json, precisamos usar a função
					getScript do jQuery, o getScript e o dataType:"jsonp" conseguem fazer o cross-domain, os outros
					dataTypes não possibilitam esta interação entre domínios diferentes
					Estou chamando a url do serviço passando o parâmetro "formato=javascript" e o CEP digitado no formulário
					http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val()
				*/
				$.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val(), function(){
					// o getScript dá um eval no script, então é só ler!
					//Se o resultado for igual a 1
			  		if(resultadoCEP["resultado"]){
						// troca o valor dos elementos
						$("#rua").val(unescape(resultadoCEP["tipo_logradouro"])+": "+unescape(resultadoCEP["logradouro"]));
						$("#bairro").val(unescape(resultadoCEP["bairro"]));
						$("#cidade").val(unescape(resultadoCEP["cidade"]));
						$("#estado").val(unescape(resultadoCEP["uf"]));
					}else{
						alert("Endereço não encontrado");
					}
				});
			}
	}
</script>
</head>

<body>
<form>
<fieldset>
  <legend>Formulário de exemplo</legend>
  <label for="cep">CEP:</label>
<input id="cep" maxlength="8" name="cep" size="9"  onblur="getEndereco()"/>

  <label for="rua">Logadouro:</label>
<input id="rua" name="rua" size="50" />

  <label for="bairro">Bairro:</label>
<input id="bairro" name="bairro" size="30" />

  <label for="cidade">Cidade:</label>
<input id="cidade" name="cidade" />

  <label for="estado">Estado</label>
<input id="estado" maxlength="2" name="estado" size="2" />

  </fieldset>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Ops, erro meu...

 

Ta funfando.

 

Vlw William.

 

Pra quem quiser usar e não estiver conseguindo, tem que adicionar a biblioteca JQuery primeiro, assim:

<script language="javascript" src="jquery.js"></script>

Dps abre outro script language com o código do site.

 

Abraço!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito