Estou tentando fazer a requisição a uma API de terceiros através do seguinte código:
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<script>
$(function(){
$.post({
url: url,
contentType: "application/json;",
data:"1",
headers: {'Authorization': 'Basic token'},
success: function(data) {
console.log(data)
}, error: function(err) {
console.log('error')
}
});
});
</script>
Porém estou tendo como retorno a seguinte mensagem.
Mixed Content: The page at 'link-host' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'link-api'. This request has been blocked; the content must be served over HTTPS.
Como resolver esse problema? Através do PHP eu consegui fazer a requisição.
api.php
e utilizar ocURL
para enviar os dados para API (de terceiros), receber o conteúdo, tratar e exibir para o usuário.