fetch apiを使用して500応答を処理する

Question

fetchには次の呼び出しがあります。

this.http.fetch('flasher', { method: 'post', body: jsonPayload }) 
    .then(response => response.json()) 
    .then(data => console.log(data)); 

これは、200応答を受け取ったときに機能しますが、500応答を受け取ったときにコンソールに何も記録しません。どのように500を扱うのですか？

Answer 1

作業溶液

catch作品でthenを組み合わせます。 Responseオブジェクトを含むPromiseを返すfetch()

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) 
    }); 

詳細

。 Promiseが満たされるか拒否される可能性があります。フルフィルメントは最初にthen()を実行し、約束を返し、2番目のthen()を実行します。拒絶は最初にthen()にスローされ、catch()にジャンプします。

参照

MDN - Promise

Google - Introduction to Fetch