Javascript-forum
fetch mehrere Urls - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/Forum-entwicklung--4)
+--- Forum: Javascript (https://javascript-forum.de/Forum-thema-javascript--6)
+--- Thema: fetch mehrere Urls (/Thread-thema-fetch-mehrere-urls--631)



fetch mehrere Urls - sfthbara - 07.05.2022

[font=Consolas, "Courier New", monospace]Hi, wie muss ich den die fetch Funktion verändern, um 3 URLS zu fetchen und am ende alle results in einem then zu haben?[/font]

Code:
fetch(php_function, {
            method: 'post',
            body: params
        }).then(res => {
            return res.text();
        }).then(res => {
           
            output = res;
           
             output = JSON.parse(output);


Habe dieses Bsp. gefunden.
Code:
Promise.all([php_function, text.csv,url, 3].map(id =>
  fetch(`https://jsonplaceholder.typicode.com/todos/${id}`).then(resp => resp.json())
)).then(console.log);



RE: fetch mehrere Urls - admin - 07.05.2022

Das sollte doch gehen was du machst.
Wenn du 3 verschiedene Links hast dann würde ich es so machen.
Code:
Promise.all(['link1', 'link2','link3'].map(url => fetch(`${url}`).then(resp => resp.json())
)).then(console.log);

Wenn die Links aber gleich sind , und nur ein Parameter geändert werden muss , wie eine id , dann so

Code:
Promise.all([1, 2, 3].map(id =>
  fetch(`https://irgendeinlink.php?id=${id}`).then(resp => resp.json())
)).then(console.log);

Dann hast du alles in den console.log() stehen
Oder habe ich dich jetzt falsch verstanden?