Machen Sie mehrere Fetch Api-Anrufe, wie Sie überprüfen, ob alle Anrufe beendet sind?

Question

Ich greife Inhalte von mehreren URLs. Fetch api verwendet Versprechungen überall.

Also mein Code für ein Anfragen wie folgt aussieht

fetch(url).then((response)=>response.text()).then(function(html) { //stuff });

jetzt i Array von URLs und mehrere Anrufe werden gemacht werden, wie kann ich wissen, wenn alle Anrufe beendet haben.

ich versuchte mit Promise.all aber wenn Sie sehen, gibt es zwei Versprechen für jede Anfrage. Gibt es einen besseren Weg, auch Promise.Alle Unterstützung ist auch nicht so gut.

Answer 1

Angenommen, Sie haben eine Reihe von URLs namens urls

// separate function to make code more clear 
const grabContent = url => fetch(url) 
    .then(res => res.text()) 
    .then(html => (/* process html here */)) 

Promise 
    .all(urls.map(grabContent)) 
    .then(() => console.log(`Urls ${urls} were grabbed`))