Array
(
)

Duvida para utilizar Jquery

Wilian Cesar
   - 02 ago 2016

Olá, sei bem pouco de Jquery, estou tentando utilizar um webservice( https://viacep.com.br/ ) para buscar por cep e cidade.
A comunidade disponibiliza esse código: https://pt.stackoverflow.com/questions/121515/buscar-cep-por-rua-php/121690#121690
Em meus arquivos estou tentando da seguinte forma.
#Código
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
var inputsCEP = $('#logradouro, #bairro, #localidade, #uf, #ibge');
var inputsRUA = $('#cep, #bairro, #ibge');
var validacep = /^[0-9]{8}$/;
function limpa_formulário_cep(alerta) {
if (alerta !== undefined) {
alert(alerta);
}
inputsCEP.val('');
}
function get(url) {
$.get(url, function(data) {
if (!("erro" in data)) {
if (Object.prototype.toString.call(data) === '[object Array]') {
var data = data[0];
}
$.each(data, function(nome, info) {
$('#' + nome).val(nome === 'cep' ? info.replace(/\D/g, '') : info).attr('info', nome === 'cep' ? info.replace(/\D/g, '') : info);
});

} else {
limpa_formulário_cep("CEP não encontrado.");
}
});
}
// Digitando RUA/CIDADE/UF
$('#logradouro, #localidade, #uf').on('blur', function(e) {
if ($('#logradouro').val() !== '' && $('#logradouro').val() !== $('#logradouro').attr('info') && $('#localidade').val() !== '' && $('#localidade').val() !== $('#localidade').attr('info') && $('#uf').val() !== '' && $('#uf').val() !== $('#uf').attr('info')) {
inputsRUA.val('...');
get('https://viacep.com.br/ws/' + $('#uf').val() + '/' + $('#localidade').val() + '/' + $('#logradouro').val() + '/json/');
}
});
// Digitando CEP
$('#cep').on('blur', function(e) {
var cep = $('#cep').val().replace(/\D/g, '');
if (cep !== "" && validacep.test(cep)) {
inputsCEP.val('...');
get('https://viacep.com.br/ws/' + cep + '/json/');
} else {
limpa_formulário_cep(cep == "" ? undefined : "Formato de CEP inválido.");
}
});
</script>
</head>
<body>

<form method="get" action=".">
<label>Cep:
<input name="cep" type="text" id="cep" value="" size="10" maxlength="9">
</label>
<br />
<label>Rua:
<input name="rua" type="text" id="logradouro" size="60" />
</label>
<br />
<label>Bairro:
<input name="bairro" type="text" id="bairro" size="40" />
</label>
<br />
<label>Cidade:
<input name="cidade" type="text" id="localidade" size="40" />
</label>
<br />
<label>Estado:
<input name="uf" type="text" id="uf" size="2" />
</label>
<br />
<label>IBGE:
<input name="ibge" type="text" id="ibge" size="8" />
</label>
<br />
</form>
</body>
</html>

Porem não funciona, estou esquecendo de alguma coisa?