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

Postagens mais visitadas deste blog

Funcão SQL para abreviar nomes