tìm nạp: Từ chối lời hứa với đối tượng lỗi JSON

Question

Tôi có API HTTP trả về dữ liệu JSON cả về thành công và lỗi.

Một ví dụ thất bại sẽ trông như thế này:

~ ◆ http get http://localhost:5000/api/isbn/2266202022 
HTTP/1.1 400 BAD REQUEST 
Content-Length: 171 
Content-Type: application/json 
Server: TornadoServer/4.0 

{ 
    "message": "There was an issue with at least some of the supplied values.", 
    "payload": { 
     "isbn": "Could not find match for ISBN." 
    }, 
    "type": "validation" 
} 

Những gì tôi muốn đạt được trong mã JavaScript tôi một cái gì đó như thế này là:

fetch(url) 
    .then((resp) => { 
    if (resp.status >= 200 && resp.status < 300) { 
     return resp.json(); 
    } else { 
     // This does not work, since the Promise returned by `json()` is never fulfilled 
     return Promise.reject(resp.json()); 
    } 
    }) 
    .catch((error) => { 
    // Do something with the error object 
    } 

Answer 1

// This does not work, since the Promise returned by `json()` is never fulfilled 
return Promise.reject(resp.json()); 

Vâng, resp.json lời hứa sẽ được hoàn thành, chỉ Promise.reject không chờ đợi và từ chối ngay với lời hứa.

tôi sẽ cho rằng bạn chứ không phải muốn làm như sau:

fetch(url).then((resp) => { 
    let json = resp.json(); // there's always a body 
    if (resp.status >= 200 && resp.status < 300) { 
    return json; 
    } else { 
    return json.then(Promise.reject.bind(Promise)); 
    } 
}) 

(hoặc, được viết một cách rõ ràng)

return json.then(err => {throw err;}); 

Answer 2

Dưới đây là một cách tiếp cận hơi sạch dựa trên response.ok và tận dụng dữ liệu JSON cơ bản thay vì Promise được trả lại bởi .json().

function myFetchWrapper(url) { 
 
    return fetch(url).then(response => { 
 
    return response.json().then(json => { 
 
     return response.ok ? json : Promise.reject(json); 
 
    }); 
 
    }); 
 
} 
 

 
// This should trigger the .then() with the JSON response, 
 
// since the response is an HTTP 200. 
 
myFetchWrapper('http://api.openweathermap.org/data/2.5/weather?q=Brooklyn,NY').then(console.log.bind(console)); 
 

 
// This should trigger the .catch() with the JSON response, 
 
// since the response is an HTTP 400. 
 
myFetchWrapper('https://content.googleapis.com/youtube/v3/search').catch(console.warn.bind(console));