mehrere, sequentielle fetch() Promise

Question

Ich muss eine Sequenz von fetch() machen Versprechen: Ich habe nur 1 URL zu einer Zeit, das bedeutet nur 1 fetch() versprechen. Jedes Mal, wenn ich einen JSON erhalte, enthält dieser eine URL für einen anderen JSON, also muss ich einen weiteren fetch() versprechen.

Ich kann mit mehreren Versprechen arbeiten, aber in diesem Fall kann ich Promise.all() nicht tun, weil ich nicht die ganze URL, sondern nur eine.

Dieses Beispiel funktioniert nicht, es friert alles ein.

function fetchNextJson(json_url) 
{ 
    return fetch(json_url, { 
      method: 'get' 
     }) 
     .then(function(response) { 
      return response.json(); 
     }) 
     .then(function(json) { 
      console.log(json); 
      return json; 
     }) 
     .catch(function(err) { 
      console.log('error: ' + error); 
     }); 
} 


function getItems(next_json_url) 
{ 
    if (!(next_json_url)) return; 

    get_items = fetchNextJson(next_json_url); 

    interval = $q.when(get_items).then(function(response) { 
     console.log(response); 
     next_json_url = response.Pagination.NextPage.Href; 
    }); 

    getItems(next_json_url); 
} 


var next_json_url = 'http://localhost:3000/one'; 

getItems(next_json_url); 

Answer 1

können Sie verwenden Rekursion

function fetchNextJson(json_url) { 
    return fetch(json_url, { 
      method: 'get' 
     }) 
     .then(function(response) { 
      return response.json(); 
     }) 
     .then(function(json) { 
      results.push(json); 
      return json.Pagination.NextPage.Href 
        ? fetchNextJson(json.Pagination.NextPage.Href) 
        : results 
     }) 
     .catch(function(err) { 
      console.log('error: ' + error); 
     }); 
} 


var next_json_url = 'http://localhost:3000/one'; 
var results = []; 

fetchNextJson(json_url).then(function(res) { 
    console.log(res) 
})