Handle eine 500-Antwort mit dem Abruf api

Question

Wir haben folgenden Anruf an fetch.

Dies funktioniert, wenn wir eine Antwort von 200 erhalten, aber nichts auf der Konsole protokolliert, wenn wir eine Antwort von 500 erhalten. Wie gehen wir mit 500 um?

Answer 1

Arbeitslösung

Kombination then mit catch funktioniert.

fetch('http://some-site.com/api/some.json') 
    .then(function(response) {      // first then() 
     if(response.ok) 
     { 
     return response.text();   
     } 

     throw new Error('Something went wrong.'); 
    }) 
    .then(function(text) {       // second then() 
    console.log('Request successful', text); 
    }) 
    .catch(function(error) {      // catch 
    log('Request failed', error) 
    }); 

Einzelheiten

fetch() gibt ein Promise ein Response Objekt enthält. Die Promise kann entweder erfüllt oder abgelehnt werden. Fulfillment läuft das erste then(), gibt sein Versprechen zurück und lässt das zweite then() laufen. Ablehnung wirft auf die erste then() und springt auf die catch().

Referenzen

MDN - Promise

MDN - Checking that the fetch was successful

Google - Introduction to Fetch