API Access Problème HTML / JavaScript

Question

API Access Problème HTML / JavaScript

4

171 2019-03-24

|

J'ai unproblème àessayer d'utiliser JavaScriptpour obtenir l'offre de circulationen demandant des données de TZScan API:

code HTMLpour demander l'alimentationen circulation:

 <!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>

code JavaScriptpour obtenir les données de l'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>

Leproblèmeest que celafonctionneen quelque sorte lorsqueje crée unfichier HTML localementmaispas en ligne .

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.

- Cela aidera également àinclure leserreurs que vous obtenez.Je sais quenouspourrionsprobablement regarder votre CodePen,maispour lebien de la question,ilestpréférable d'inclure leserreurs de la question.
  
  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 réponses

votes

Richard Ayotte · Accepted Answer · 2019-03-24

7

2019-03-24

Vous avez rencontré uneerreur de contenumixte.Les demandesne peuventpas être unmélange de HTTPet HTTPS,ils doivent êtretousidentiques,depréférence HTTPS.Il suffit de changer le const url = 'http://api6.tzscan.io/v3/supply';pour être 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);

la source

Richard Ayotte