Everton Gonçalves Postado Novembro 11, 2011 Denunciar Share Postado Novembro 11, 2011 Segue código fonte em HTML e JQuery para quem quiser realizar consultas a um webservice de CEP.Necessário realizar o download do jquery no link http://code.google.com/p/jqueryjs/download...mp;can=2&q=<html><head><title>WebService CEP</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- Insere o jquery --><script type="text/javascript" src="jquery-1.2.6.js"></script><script type="text/javascript" >$(document).ready(function(){//Preenche os campos na ação "Blur" (mudar de campo)$("#cep").blur(function(){$("#rua").val("...")$("#bairro").val("...")$("#cidade").val("...")$("#uf").val("...")// seta a variavel requisitada no campo cepconsulta = $("#cep").val()//Realiza a consulta/*Realiza a consulta através do toolsweb passando o cep como parametroe informando que vamos consultar no tipo javascript*/$.getScript("http://www.toolsweb.com.br/webservice/clienteWebService.php?cep="+consulta+"&formato=javascript", function(){//unescape - Decodifica uma string codificada com o método escape.rua=unescape(resultadoCEP.logradouro)bairro=unescape(resultadoCEP.bairro)cidade=unescape(resultadoCEP.cidade)uf=unescape(resultadoCEP.uf)// preenche os campos$("#rua").val(rua)$("#bairro").val(bairro)$("#cidade").val(cidade)$("#uf").val(uf)});});});</script></head><body><form id="form1" name="form1" method="get" action=""><table width="100%" border="0"><tr><td>CEP:</td><td><input name="cep" type="text" id="cep" value="" size="15" maxlength="8" /></td></tr><tr><td>RUA:</td><td><input name="rua" type="text" id="rua" size="60" /></td></tr><tr><td>BAIRRO:</td><td><input name="bairro" type="text" id="bairro" size="60" /></td></tr><tr><td>CIDADE:</td><td><input name="cidade" type="text" id="cidade" size="60" /></td></tr><tr><td>ESTADO:</td><td><input name="uf" type="text" id="uf" size="2" /></td></tr></table></form></body></html>Quem quiser melhorar sinta-se a vontade para sugerir outros scripts e melhorarmos nossa consulta, a gama de ações que podemos realizar através do Jquery é muito grande e podemos fazer coisas bacanas.Abrs! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 filipiarruda Postado Outubro 3, 2013 Denunciar Share Postado Outubro 3, 2013 Amigo, achei muito interessante o Script, muito mesmo,e será que tem como implementar isso no wordpress? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 MLeandroJr! Postado Outubro 10, 2013 Denunciar Share Postado Outubro 10, 2013 Sempre tem. Você só precisa desenvolver um plugin que faça essa captura. No geral, é simples. Você pode montar um plugin que utiliza o jQuery.ajax para obter esses dados e retorná-los nos campos desejados. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 scripttiago Postado Junho 1, 2015 Denunciar Share Postado Junho 1, 2015 e a funcao resultadoCEP??? onde esta???? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 wootzor Postado Junho 1, 2015 Denunciar Share Postado Junho 1, 2015 Na verdade não é uma função, é sim um objecto JavaScript que é devolvido pela consulta no seguinte formato: var resultadoCEP = { 'tipoLogradouro' : '', 'logradouro' : '', 'bairro' : '', 'cep' : '', 'cidade' : '', 'estado' : '' } Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 MTavares Postado Outubro 6, 2015 Denunciar Share Postado Outubro 6, 2015 (editado) Bacana seu script, porém ao testar o estado está aparecendo como undefined. Editado Outubro 6, 2015 por MTavares Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Everton Gonçalves
Segue código fonte em HTML e JQuery para quem quiser realizar consultas a um webservice de CEP.
Necessário realizar o download do jquery no link http://code.google.com/p/jqueryjs/download...mp;can=2&q=
<html>
<head>
<title>WebService CEP</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Insere o jquery -->
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
//Preenche os campos na ação "Blur" (mudar de campo)
$("#cep").blur(function(){
$("#rua").val("...")
$("#bairro").val("...")
$("#cidade").val("...")
$("#uf").val("...")
// seta a variavel requisitada no campo cep
consulta = $("#cep").val()
//Realiza a consulta
/*Realiza a consulta através do toolsweb passando o cep como parametro
e informando que vamos consultar no tipo javascript
*/
$.getScript("http://www.toolsweb.com.br/webservice/clienteWebService.php?cep="+consulta+"&formato=javascript", function(){
//unescape - Decodifica uma string codificada com o método escape.
rua=unescape(resultadoCEP.logradouro)
bairro=unescape(resultadoCEP.bairro)
cidade=unescape(resultadoCEP.cidade)
uf=unescape(resultadoCEP.uf)
// preenche os campos
$("#rua").val(rua)
$("#bairro").val(bairro)
$("#cidade").val(cidade)
$("#uf").val(uf)
});
});
});
</script>
</head>
<body>
<form id="form1" name="form1" method="get" action="">
<table width="100%" border="0">
<tr>
<td>CEP:</td>
<td><input name="cep" type="text" id="cep" value="" size="15" maxlength="8" /></td>
</tr>
<tr>
<td>RUA:</td>
<td><input name="rua" type="text" id="rua" size="60" /></td>
</tr>
<tr>
<td>BAIRRO:</td>
<td><input name="bairro" type="text" id="bairro" size="60" /></td>
</tr>
<tr>
<td>CIDADE:</td>
<td><input name="cidade" type="text" id="cidade" size="60" /></td>
</tr>
<tr>
<td>ESTADO:</td>
<td><input name="uf" type="text" id="uf" size="2" /></td>
</tr>
</table>
</form>
</body>
</html>
Quem quiser melhorar sinta-se a vontade para sugerir outros scripts e melhorarmos nossa consulta, a gama de ações que podemos realizar através do Jquery é muito grande e podemos fazer coisas bacanas.
Abrs!
Link para o comentário
Compartilhar em outros sites
5 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.