Necessário download do JQuery no link http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.6.js&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.ctasoftware.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>
2 thoughts