Fetch: Personalizar peticiones HTTP mediante el objeto Request de Fetch: Personalizar peticiones HTTP mediante el objeto Request

Fetch: Personalizar peticiones HTTP mediante el objeto Request

☆ ¿Qué es el objeto request?

El método fetch() puede tomar un objeto Request en lugar de una url y un objeto init. El constructor Request toma los mismos parámetros que el método fetch(), una URL y un objeto init opcional. Los objetos Request son utilizados debido a que hacen las peticiones fetch un poco mas sencillas y proporcionan un mayor control.

Ejemplo:

var initObject = {
  method: "POST",
  headers: new Headers(),
  mode: "cors",
  body: "{}",
};

var request = new Reques(
  "https://jsonplaceholder.typicode.com/users",
  initObject
)
  .then(function (result) {
    if (!result.ok) return Promise.reject(result.status);
    return result.json();
  })
  .then(function (result) {
    console.log("Json:", json);
  })
  .then(function (err) {
    console.log("Error:", result);
  });