Sem nenhum segredo você copia e cola o código abaixo em sua página web e faz as adaptações que precisar para atender a sua necessidade.
Usando AJAX
function getcep(cCep)
{
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var info = JSON.parse(this.responseText);
if ( info.result == "OK" )
{
console.log( info.cep );
console.log( info.uf );
console.log( info.estado );
console.log( info.cidade );
console.log( info.bairro );
console.log( info.logradouro );
}
else
{
if ( info.result == "NE" )
{
console.log( "CEP não encontrado" );
}
if ( info.result == "DI" )
{
console.log( "Dado inválido para pesquisa." );
}
}
}
};
xhttp.open("POST", "https://www.softvix.com.br/cepapi.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("cep="+cCep+"&key=APY_KEY");
}
Usando a API fetch
function getcep(cCep) {
fetch('https://www.softvix.com.br/cepapi.php', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: new URLSearchParams({
'cep': cCep,
'key': 'APY_KEY'
})
})
.then(response => response.json())
.then(info => {
if (info.result === "OK") {
console.log(info.cep);
console.log(info.uf);
console.log(info.estado);
console.log(info.cidade);
console.log(info.bairro);
console.log(info.logradouro);
} else {
if (info.result === "NE") {
console.log("CEP não encontrado");
}
if (info.result === "DI") {
console.log("Dado inválido para pesquisa.");
}
}
})
.catch(error => {
console.error('Error:', error);
});
}
* APY_KEY -> Você recebe quando contrata o serviço.
Não tem limite de uso, apenas controle do número de requisições por minuto.