Fetch: Manejo de la respuesta del fetch

Fetch: Manejo de la respuesta del fetch

¿Cómo manejar la respuesta (response) de fetch?

Es importante revisar el estado del objeto Response. Un estatus entre 200 y 299 significa que el request fue satisfactorio, mientras que un estados entre 400 y 500 significa que existió un problema.

Ejemplo de como manejar un Response que presenta un error.

fetch("https://path/to/json/wrong")
    .then(function (result) {
        console.log(result);
        if (result.ok) {
            return result.text();
        }
        console.log(result.status); // 404
        return Promise.reject(result.status); // retorna una promise rechazada
    })
    .then(function (result) {
        console.log(result); // no ocurre cuando se presenta un promise fallido
    })
    .catch(function (err) {
        console.log("Error: ", err);
    });