Comment rendre javascript fetch synchrone?

Question

J'utilise fetch pour obtenir des données json d'une API. Fonctionne bien mais je dois l'utiliser à plusieurs reprises pour divers appels, donc il doit être synchrone ou bien j'ai besoin d'un moyen de mettre à jour l'interface lorsque l'extraction se termine pour chaque composant.

function fetchOHLC(yUrl){ 
    fetch(yUrl) 
    .then(response => response.json()) 
    .then(function(response) { 
       alert(JSON.stringify(response.query)); 

      var t = response.created; 
      var o = response.open; 
      var h = response.high; 
      var l = response.low; 
      var c = response.close; 

     return {t,o,h,l,c}; 

    }) 
    .catch(function(error) { 
     console.log(error); 
    });  
} 

var fetchData = fetchOHLC(yUrl); 
alert(fetchData); // empty ? 

Existe-t-il un autre moyen d'y parvenir autre que l'utilisation de fetch? (Je ne veux pas utiliser jquery de préférence).

Merci

Modifier

La question est sur fetch-api, n'ajax, jquery pas, alors s'il vous plaît marquer l'arrêter comme doublon de ces questions sans le lire correctement. Et si vous vous sentez toujours obligé de le faire, s'il vous plaît arrêter de le lier à des questions et réponses de dix ans, beaucoup de changements dans une décennie.

Answer 1

Vous voulez que votre qude retourner STH:

function fetchOHLC(yUrl){ 
    return fetch(yUrl) 
    .then(response => response.json()) 
    .then(function(response) { 
      alert(JSON.stringify(response.query)); 

     var t = response.created; 
     var o = response.open; 
     var h = response.high; 
     var l = response.low; 
     var c = response.close; 

    return {t,o,h,l,c}; 

    }) 
    .catch(function(error) { 
     console.log(error); 
    });  
} 

Maintenant fetchData contient une promesse, qui peut être facilement utilisé:

var fetchData = fetchOHLC(yUrl); 
fetchData.then(alert); //not empty ! its {t,o,h,l,c} 

---

Si vous voulez un peu de fantaisie ES7, vous pourrait réécrire le tout comme ceci:

async function fetchOHLC(yUrl){ 
    try{ 
    var r=JSON.parse(await fetch(yUrl)) 
    alert(JSON.stringify(r.query)); 
    return {t:r.created,o:r.open,h:r.high,l:r.low,c:r.close}; 
    }catch(e){console.log(e);} 
} 

(async function(){ 
    var fetchData = await fetchOHLC(yUrl); 
    alert(fetchData); 
})()