Problema de HTML / Javascript de acceso a la API

Question

Problema de HTML / Javascript de acceso a la API

4

171 2019-03-24

Tengo unproblema alintentar usarjavascriptpara obtenerel suministro circulante al solicitar datos de la API de Tzscan:

Código HTMLpara solicitarel suministro circulante:

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h1>There Tezos Circulating : </h1>
  <div id="getapi"></div>
</body>
</html>

Código Javascriptpara obtener los datos de la API:

 <script>
  function createNode(element) {
    return document.createElement(element);
  }

  function append(parent, el) {
    return parent.appendChild(el);
  }

  const ul = document.getElementById('getapi');
  const url = 'http://api6.tzscan.io/v3/supply';
  fetch(url)
    .then((resp) => resp.json())
    .then(function(data) {
      let span = createNode('span');
      span.innerHTML = `${data.circulating_supply/1000000}`;
      append(ul, span);
    })
    .catch(function(error) {
      console.log(error);
    }); 
 </script>

Elproblemaes que de algunamanerafunciona cuando creo un archivo HTML localmenteperono en línea .

I have an issue trying to use javascript to get the circulating supply by requesting data from Tzscan API:

HTML code to request the circulating supply:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h1>There Tezos Circulating : </h1>
  <div id="getapi"></div>
</body>
</html>

Javascript Code to get the data from the API:

<script>
  function createNode(element) {
    return document.createElement(element);
  }

  function append(parent, el) {
    return parent.appendChild(el);
  }

  const ul = document.getElementById('getapi');
  const url = 'http://api6.tzscan.io/v3/supply';
  fetch(url)
    .then((resp) => resp.json())
    .then(function(data) {
      let span = createNode('span');
      span.innerHTML = `${data.circulating_supply/1000000}`;
      append(ul, span);
    })
    .catch(function(error) {
      console.log(error);
    }); 
 </script>

The problem is that somehow it works when I create a HTML file locally but not online.

- También ayudará aincluir loserrores queestá recibiendo.Sé queprobablementepodríamos ver su codepen,peroporelbien de lapregunta,esmejorincluir loserroresen lapregunta.
  
  it'll help to also include the errors you are getting. I know we could probably look at your codepen but for the sake of the question, it's best include the errors in the question.
  - 0
  - 2019-03-25
  - Frank

1 respuesta

votos

Richard Ayotte · Accepted Answer · 2019-03-24

7

2019-03-24

Haencontrado unerror de contenidomixto.Las solicitudesnopueden ser unamezcla de http y https,deben sertodasiguales,preferiblemente https.Simplemente cambieel const url = 'http://api6.tzscan.io/v3/supply';para que sea http s

 const url = 'https://api6.tzscan.io/v3/supply';

fetch(url)
.then(resp => resp.json())
.then(({dls}) => {
    let span = createNode('span');
    span.innerHTML = dls;
    append(ul, span);
})
.catch(console.log);

You've encountered a mixed content error. Requests can't be a mixture of http and https, they need to be all of the same, preferably https. Just change the const url = 'http://api6.tzscan.io/v3/supply'; to be https

const url = 'https://api6.tzscan.io/v3/supply';

fetch(url)
.then(resp => resp.json())
.then(({dls}) => {
    let span = createNode('span');
    span.innerHTML = dls;
    append(ul, span);
})
.catch(console.log);