Função em JavaScript para consulta de CEP com retorno em XML ou Json
Para criar uma biblioteca em JavaScript que consulta um CEP e retorna os dados em XML ou JSON, podemos utilizar uma API pública que realiza essa consulta e retorna a resposta no formato desejado.
Nesse exemplo, vamos utilizar a API do ViaCEP, que permite realizar consultas de CEP e retornar os dados em JSON ou XML.
O código a seguir mostra uma implementação simples de uma função que consulta um CEP utilizando a API do ViaCEP e retorna os dados em XML ou JSON, dependendo do formato especificado:
function consultarCEP(cep, formato, callback) {
var url = 'https://viacep.com.br/ws/' + cep + '/' + formato + '/';
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var resposta = xhr.responseText;
if (formato == 'json') {
callback(JSON.parse(resposta));
} else {
callback(resposta);
}
}
};
xhr.send();
}
Essa função recebe três parâmetros: o CEP a ser consultado, o formato desejado (XML ou JSON) e uma função de retorno (callback) que será chamada quando a resposta da API for recebida.
Para utilizar essa função, basta chamar a função consultarCEP passando o CEP desejado, o formato desejado e uma função de retorno que irá processar os dados recebidos. Por exemplo:
consultarCEP('12345678', 'json', function(dados) {
console.log(dados);
});
consultarCEP('12345678', 'xml', function(dados) {
console.log(dados);
});
Esses exemplos irão realizar consultas de CEP para o CEP "12345678" e retornar os dados em JSON e XML, respectivamente. A função de retorno simplesmente imprime os dados no console, mas você pode modificá-la para fazer qualquer outra coisa que desejar.
Comentários
Postar um comentário
Os códigos postados aqui são uma seqüência de instruções de forma ordenada, não compilada para o código de máquina, em uma determinada linguagem de programação.
Ajude a melhorar esses códigos.